chore: add react router and tanstack usage

Author: wobsoriano

docs/components/api-keys.mdx

@@ -46,7 +46,7 @@ All props are optional.
 
 The following example includes a basic implementation of the `<APIKeys />` component. You can use this as a starting point for your own implementation.
 
-<Tabs items={["Next.js", "React"]}>
+<Tabs items={["Next.js", "React", "React Router", "TanStack React Start"]}>
   <Tab>
     ```tsx {{ filename: 'app/api-keys/page.tsx' }}
     import { APIKeys } from '@clerk/nextjs'
@@ -66,6 +66,31 @@ The following example includes a basic implementation of the `<APIKeys />` compo
     }
     ```
   </Tab>
+
+  <Tab>
+    ```tsx {{ filename: 'app/routes/api-keys.tsx' }}
+    import { APIKeys } from '@clerk/react-router'
+
+    export default function APIKeysPage() {
+      return <APIKeys />
+    }
+    ```
+  </Tab>
+
+  <Tab>
+    ```tsx {{ filename: 'src/routes/api-keys.tsx' }}
+    import { APIKeys } from '@clerk/tanstack-react-start'
+    import { createFileRoute } from '@tanstack/react-router'
+
+    export const Route = createFileRoute('/api-keys')({
+      component: APIKeysPage,
+    })
+
+    function APIKeysPage() {
+      return <SignIn />
+    }
+    ```
+  </Tab>
 </Tabs>
 
 <If sdk="js-frontend">