fix Show component imports in code examples

Author: jacekradko

docs/guides/development/integrations/databases/instantdb.mdx

@@ -155,14 +155,7 @@ This tutorial will walk you through the steps to integrate InstantDB with Clerk
 
   ```tsx {{ filename: 'app/layout.tsx', collapsible: true }}
   import type { Metadata } from 'next'
-  import {
-    ClerkProvider,
-    SignInButton,
-    SignUpButton,
-    SignedIn,
-    SignedOut,
-    UserButton,
-  } from '@clerk/nextjs'
+  import { ClerkProvider, Show, SignInButton, SignUpButton, UserButton } from '@clerk/nextjs'
   import { Geist, Geist_Mono } from 'next/font/google'
   import './globals.css'
   import InstantDBAuthSync from '@/component/InstantDBAuthSync'

docs/guides/development/migrating/astro-community-sdk.mdx

@@ -131,14 +131,9 @@ import { Show } from '@clerk/astro/react'
 
 To use a React component inside a `.jsx` or `.tsx` file, update the import path.
 
-```jsx {{ prettier: false, del: [6], ins: [7] }}
-import {
-  SignInButton,
-  SignedIn,
-  SignedOut,
-  UserButton,
-} from '@clerk/astro/client/react'
-} from '@clerk/astro/react'
+```jsx {{ prettier: false, del: [1], ins: [2] }}
+import { Show, SignInButton, UserButton } from '@clerk/astro/client/react'
+import { Show, SignInButton, UserButton } from '@clerk/astro/react'
 
 export default function Header() {
   return (

docs/guides/development/spa-mode.mdx

@@ -109,14 +109,7 @@ This guide explains how to use Clerk with [Remix in SPA mode](https://remix.run/
   - [`<SignInButton />`](/docs/reference/components/unstyled/sign-in-button): An unstyled component that links to the sign-in page. In this example, since no props or [environment variables](/docs/guides/development/clerk-environment-variables) are set for the sign-in URL, this component links to the [Account Portal sign-in page](/docs/guides/account-portal/overview#sign-in).
 
   ```tsx {{ filename: 'routes/_index.tsx' }}
-  import {
-    SignInButton,
-    SignOutButton,
-    SignUpButton,
-    SignedIn,
-    SignedOut,
-    UserButton,
-  } from '@clerk/remix'
+  import { Show, SignInButton, SignOutButton, SignUpButton, UserButton } from '@clerk/remix'
 
   export default function Index() {
     return (

docs/guides/organizations/getting-started.astro.mdx

@@ -24,11 +24,10 @@ Organizations let you group users with Roles and Permissions, enabling you to bu
   ```astro {{ filename: 'src/layouts/Layout.astro', fold: [[27, 34]] }}
     ---
     import {
-      SignedIn,
-      SignedOut,
-      UserButton,
+      OrganizationSwitcher,
+      Show,
       SignInButton,
-  +   OrganizationSwitcher,
+      UserButton,
     } from '@clerk/astro/components'
     ---
 

docs/guides/organizations/getting-started.mdx

@@ -25,12 +25,11 @@ Organizations let you group users with Roles and Permissions, enabling you to bu
     import type { Metadata } from 'next'
     import {
       ClerkProvider,
+      OrganizationSwitcher,
+      Show,
       SignInButton,
       SignUpButton,
-      SignedIn,
-      SignedOut,
       UserButton,
-  +   OrganizationSwitcher,
     } from '@clerk/nextjs'
     import { Geist, Geist_Mono } from 'next/font/google'
     import './globals.css'

docs/reference/components/clerk-provider.mdx

@@ -117,13 +117,7 @@ The recommended approach is to wrap your entire app with `<ClerkProvider>` at th
 
 <If sdk="chrome-extension">
   ```jsx {{ filename: 'src/routes/index.tsx' }}
-  import {
-    ClerkProvider,
-    SignedIn,
-    SignedOut,
-    UserButton,
-    SignInButton,
-  } from '@clerk/chrome-extension'
+  import { ClerkProvider, Show, SignInButton, UserButton } from '@clerk/chrome-extension'
 
   const PUBLISHABLE_KEY = process.env.PLASMO_PUBLIC_CLERK_PUBLISHABLE_KEY
   const EXTENSION_URL = chrome.runtime.getURL('.')

docs/reference/nextjs/errors/auth-was-called.mdx

@@ -117,14 +117,7 @@ Select the appropriate solution based on your use case:
     Or loading Clerk built-in components:
 
     ```tsx {{ filename: 'app/(in-app)/layout.tsx' }}
-    import {
-      ClerkProvider,
-      SignedIn,
-      SignedOut,
-      SignInButton,
-      SignUpButton,
-      UserButton,
-    } from '@clerk/nextjs'
+    import { ClerkProvider, Show, SignInButton, SignUpButton, UserButton } from '@clerk/nextjs'
 
     export default function AppLayout({ children }: { children: React.ReactNode }) {
       return (