fix: address PR feedback for Show component docs

- Fix react-router and tanstack Feature examples using plan instead of feature
- Add 'signed-out' to when prop type definition
- Standardize Astro/Vue/Nuxt examples to use when prop instead of shorthand
- Replace condition prop with when for callback function examples

Author: jacekradko

docs/reference/components/control/show.mdx

@@ -411,7 +411,7 @@ The following example demonstrates how to use the `<Show />` component to protec
   import { Show } from '@clerk/astro/components'
   ---
 
-  <Show role="org:billing">
+  <Show when={{ role: 'org:billing' }}>
     <p slot="fallback">Only a member of the Billing department can access this content.</p>
     <p>Users with Role org:billing can see this.</p>
   </Show>
@@ -516,7 +516,7 @@ The following example demonstrates how to use the `<Show />` component to protec
   </script>
 
   <template>
-    <Show role="org:billing">
+    <Show :when="{ role: 'org:billing' }">
       <template #fallback>
         <p>Only a member of the Billing department can access this content.</p>
       </template>
@@ -533,7 +533,7 @@ The following example demonstrates how to use the `<Show />` component to protec
   </script>
 
   <template>
-    <Show role="org:billing">
+    <Show :when="{ role: 'org:billing' }">
       <template #fallback>
         <p>Only a member of the Billing department can access this content.</p>
       </template>
@@ -589,7 +589,7 @@ The following example demonstrates how to use `<Show />` to protect content by c
   import { Show } from '@clerk/astro/components'
   ---
 
-  <Show plan="bronze">
+  <Show when={{ plan: 'bronze' }}>
     <p slot="fallback">Sorry, only subscribers to the Bronze plan can access this content.</p>
     <p>Welcome, Bronze subscriber!</p>
   </Show>
@@ -694,7 +694,7 @@ The following example demonstrates how to use `<Show />` to protect content by c
   </script>
 
   <template>
-    <Show plan="bronze">
+    <Show :when="{ plan: 'bronze' }">
       <template #fallback>
         <p>Sorry, only subscribers to the Bronze plan can access this content.</p>
       </template>
@@ -711,7 +711,7 @@ The following example demonstrates how to use `<Show />` to protect content by c
   </script>
 
   <template>
-    <Show plan="bronze">
+    <Show :when="{ plan: 'bronze' }">
       <template #fallback>
         <p>Sorry, only subscribers to the Bronze plan can access this content.</p>
       </template>
@@ -771,7 +771,7 @@ The following example demonstrates how to use `<Show />` to protect content by c
   import { Show } from '@clerk/astro/components'
   ---
 
-  <Show feature="premium_access">
+  <Show when={{ feature: 'premium_access' }}>
     <p slot="fallback">
       Sorry, only subscribers with the Premium Access feature can access this content.
     </p>
@@ -847,7 +847,7 @@ The following example demonstrates how to use `<Show />` to protect content by c
   export default function PremiumAccessPage() {
     return (
       <Show
-        plan="premium_access"
+        when={{ feature: 'premium_access' }}
         fallback={
           <p>Sorry, only subscribers with the Premium Access feature can access this content.</p>
         }
@@ -871,7 +871,7 @@ The following example demonstrates how to use `<Show />` to protect content by c
   function PremiumAccessPage() {
     return (
       <Show
-        plan="premium_access"
+        when={{ feature: 'premium_access' }}
         fallback={
           <p>Sorry, only subscribers with the Premium Access feature can access this content.</p>
         }
@@ -890,7 +890,7 @@ The following example demonstrates how to use `<Show />` to protect content by c
   </script>
 
   <template>
-    <Show feature="premium_access">
+    <Show :when="{ feature: 'premium_access' }">
       <template #fallback>
         <p>Sorry, only subscribers with the Premium Access feature can access this content.</p>
       </template>
@@ -907,7 +907,7 @@ The following example demonstrates how to use `<Show />` to protect content by c
   </script>
 
   <template>
-    <Show feature="premium_access">
+    <Show :when="{ feature: 'premium_access' }">
       <template #fallback>
         <p>Sorry, only subscribers with the Premium Access feature can access this content.</p>
       </template>
@@ -964,7 +964,7 @@ The following example uses `<Show>`'s `when` prop with a callback function to co
   import { Show } from '@clerk/astro/components'
   ---
 
-  <Show condition={(has) => has({ role: 'org:admin' }) || has({ role: 'org:billing_manager' })}>
+  <Show when={(has) => has({ role: 'org:admin' }) || has({ role: 'org:billing_manager' })}>
     <p slot="fallback">Only an Admin or Billing Manager can access this content.</p>
     <p>The settings page.</p>
   </Show>
@@ -1069,7 +1069,7 @@ The following example uses `<Show>`'s `when` prop with a callback function to co
   </script>
 
   <template>
-    <Show :condition="(has) => has({ role: 'org:admin' }) || has({ role: 'org:billing_manager' })">
+    <Show :when="(has) => has({ role: 'org:admin' }) || has({ role: 'org:billing_manager' })">
       <template #fallback>
         <p>Only an Admin or Billing Manager can access this content.</p>
       </template>
@@ -1086,7 +1086,7 @@ The following example uses `<Show>`'s `when` prop with a callback function to co
   </script>
 
   <template>
-    <Show :condition="(has) => has({ role: 'org:admin' }) || has({ role: 'org:billing_manager' })">
+    <Show :when="(has) => has({ role: 'org:admin' }) || has({ role: 'org:billing_manager' })">
       <template #fallback>
         <p>Only an Admin or Billing Manager can access this content.</p>
       </template>
@@ -1114,7 +1114,7 @@ The following example uses `<Show>`'s `when` prop with a callback function to co
   ---
 
   - `when`
-  - `'signed-in' | { feature: string } | { permission: string } | { plan: string } | { role: string } | (has) => boolean`
+  - `'signed-in' | 'signed-out' | { feature: string } | { permission: string } | { plan: string } | { role: string } | (has) => boolean`
 
-  Determines when to render the children. Can be `'signed-in'` for authentication checks, an object with a [Feature](/docs/guides/billing/overview), [Permission](/docs/guides/organizations/control-access/roles-and-permissions), [Plan](/docs/guides/billing/overview), or [Role](/docs/guides/organizations/control-access/roles-and-permissions) for authorization checks, or a callback function for custom conditional logic.
+  Determines when to render the children. Can be `'signed-in'` or `'signed-out'` for authentication checks, an object with a [Feature](/docs/guides/billing/overview), [Permission](/docs/guides/organizations/control-access/roles-and-permissions), [Plan](/docs/guides/billing/overview), or [Role](/docs/guides/organizations/control-access/roles-and-permissions) for authorization checks, or a callback function for custom conditional logic.
 </Properties>