docs: move card def

docs/.gitignore

@@ -0,0 +1,3 @@
+next-env.d.ts
+out/
+.next/

docs/app/layout.tsx

@@ -89,12 +89,7 @@ export default async function RootLayout({ children }) {
 					footer={<Footer />}
 					pageMap={pageMap}
 					copyPageButton={false}
-					toc={{
-						extraContent: <Card>
-							<p style={{ fontFamily: '"Monaspace Neon"', textTransform: 'uppercase', color: 'var(--gray-9)', fontSize: '0.6rem', marginTop: '-4px', marginBottom: '4px' }}>Sponsored by</p>
-							<TocSponsors />
-						</Card>
-					}}
+					toc={{ extraContent: <TocSponsors /> }}
 				>
 					{children}
 				</Layout>

docs/components/Sponsors.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import { Card } from '@radix-ui/themes';
 import { useTheme } from 'nextra-theme-docs';
 import { useEffect, useState } from 'react';
 
@@ -11,6 +12,10 @@ export function TocSponsors() {
 		setTheme(actualResolvedTheme ?? 'dark');
 	}, [ actualResolvedTheme ]);
 
-	return <>
-	</>;
+	return null;
+
+	return <Card>
+		<p style={{ fontFamily: '"Monaspace Neon"', textTransform: 'uppercase', color: 'var(--gray-9)', fontSize: '0.6rem', marginTop: '-4px', marginBottom: '4px' }}>Sponsored by</p>
+		{/* ... */}
+	</Card>;
 }