Update frontend to allow categories

components/layout/layout.tsx

@@ -21,7 +21,7 @@ export default function Layout({ children }: LayoutProps) {
     <div className={`flex h-screen ${theme === "dark" ? "dark" : ""}`}>
       <Sidebar />
       <div className="w-full flex flex-1 flex-col">
-        <main className="flex-1 overflow-auto p-6 dak:bg-[#0F0F12]">{children}</main>
+        <main className="flex-1 overflow-auto p-6 dark:bg-[#0F0F12]">{children}</main>
       </div>
     </div>
   )

components/layout/nav-item.tsx

@@ -1,6 +1,6 @@
 import Link from "next/link"
 import type { LucideIcon } from "lucide-react"
-import type React from "react" // Added import for React
+import type React from "react"
 
 interface NavItemProps {
   href: string