Refactor /devtools page to support metadata

src/app/devtools/page.jsx → src/app/devtools/DevToolsPageClient.jsx

@@ -13,7 +13,7 @@ import { CodeIcon } from 'lucide-react'
 import { getLogoById } from '@/lib/logoImports'
 import heroImage from '@/images/ai-hacking.webp' 
 
-export default function DevToolsIndex() {
+export default function DevToolsPageClient() {
   const router = useRouter();
   const allTools = getTools();
   const [filteredTools, setFilteredTools] = useState(allTools);

src/app/devtools/page.tsx

@@ -0,0 +1,13 @@
+import { Metadata } from 'next'
+import DevToolsPageClient from './DevToolsPageClient'
+import { getTools } from '@/lib/getTools'
+
+export const metadata: Metadata = {
+  title: 'AI-Assisted Developer Tools',
+  description: 'Compare different AI-assisted developer tools to find the best fit for your needs',
+}
+
+export default function DevToolsPage() {
+  const tools = getTools()
+  return <DevToolsPageClient initialTools={tools} />
+}