fix(site): standardize AI provider badge tooltips (#28624) - #28697

The AI provider status badges used different tooltip implementations,
and long warning messages could render as a single wide line.

Use the shared tooltip component for both badges, constrain tooltip
width for readable wrapping, and cover the portaled tooltip content and
accessible triggers in Storybook.

Related to #28549.

<details>
<summary>Screenshots</summary>

**Before**

<img width="1274" height="113" alt="before_proxy_warning"
src="https://github.com/user-attachments/assets/3fb6f317-50d5-434c-8713-cbfab60f6550"
/>

<img width="1085" height="116" alt="before_agent_warning"
src="https://github.com/user-attachments/assets/4d0f4a6a-81b6-49bc-8bc0-f4ea63eb9af0"
/>

**After**

<img width="998" height="190" alt="after_proxy_warning"
src="https://github.com/user-attachments/assets/57076e70-eaaf-43b7-b15a-5861ffe5054c"
/>

<img width="974" height="121" alt="after_agent_warning"
src="https://github.com/user-attachments/assets/d27d1940-8ade-4ee2-b8a4-4f368450e6d6"
/>

</details>

> [!NOTE]
> Generated by Coder Agents for @ssncferreira.

---------

Co-authored-by: Jeremy Ruppel <[email protected]>
(cherry picked from commit 12d7bf2)