fix(studio): update Antigravity OAuth troubleshooting instructions (#45398)

## Summary

- Replaces the outdated command palette (`Authentication: Remove Dynamic
Authentication Providers`) troubleshooting step with the new Antigravity
flow: Agent Settings (Cmd+,/Ctrl+,) → Customizations tab → Authenticate
button next to the server.

<img width="1507" height="625" alt="image"
src="https://github.com/user-attachments/assets/b92e9fd2-5bc3-4bf5-a16e-1e241a10b2ec"
/>


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **Documentation**
* Updated Antigravity UI help text for authentication with clearer
step-by-step guidance to open Agent Settings and use the Authenticate
button for Supabase; included a screenshot showing where the button
appears.
* **Chores**
* Added support for PNG asset imports so image files used in the UI are
recognized and handled correctly.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>

packages/ui-patterns/src/McpUrlBuilder/constants.tsx

@@ -1,5 +1,7 @@
+import Image from 'next/image'
 import { CodeBlock } from 'ui-patterns/CodeBlock'
 
+import antigravityAuthenticateScreenshot from './assets/antigravity-authenticate-screenshot.png'
 import type {
   AntigravityMcpConfig,
   ClaudeCodeMcpConfig,
@@ -336,10 +338,18 @@ export const MCP_CLIENTS: McpClient[] = [
           servers.
         </p>
         <p className="text-xs text-foreground-light">
-          If you run into authentication issues, open the command palette and run{' '}
-          <strong>Authentication: Remove Dynamic Authentication Providers</strong> to clear cached
-          OAuth credentials and re-authenticate.
+          If you run into authentication issues, open Agent Settings with <strong>Cmd+,</strong>{' '}
+          (Mac) or <strong>Ctrl+,</strong> (Windows/Linux), navigate to the{' '}
+          <strong>Customizations</strong> tab, and click the <strong>Authenticate</strong> button
+          next to the Supabase server.
         </p>
+        <Image
+          src={antigravityAuthenticateScreenshot}
+          alt="Antigravity MCP server settings showing the Authenticate button next to the Supabase server"
+          width={1316}
+          height={258}
+          className="rounded border border-muted w-full"
+        />
       </div>
     ),
   },

packages/ui-patterns/src/types/assets.d.ts

@@ -7,3 +7,8 @@ declare module '*.svg' {
   const content: any
   export default content
 }
+
+declare module '*.png' {
+  const content: string
+  export default content
+}