Cleanup

components/layout/nav-item.tsx

@@ -1,24 +1,22 @@
-import Link from "next/link";
+import Link from "next/link"
+import type { LucideIcon } from "lucide-react"
+import type React from "react" // Added import for React
 
 interface NavItemProps {
-  href: string;
-  icon: React.ElementType;
-  children: React.ReactNode;
-  onClick?: () => void;
+  href: string
+  icon: LucideIcon
+  children: React.ReactNode
+  onClick?: () => void
 }
 
-export const NavItem: React.FC<NavItemProps> = ({
-  href,
-  icon: Icon,
-  children,
-  onClick,
-}) => (
+export const NavItem: React.FC<NavItemProps> = ({ href, icon: Icon, children, onClick }) => (
   <Link
     href={href}
     onClick={onClick}
-    className="flex items-center px-3 py-2 text-sm rounded-md transition-colors text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-50 dark:hover:bg-[#1F1F23]"
+    className="flex items-center px-3 py-2 text-sm rounded-md transition-colors text-muted-foreground hover:text-foreground hover:bg-accent"
   >
     <Icon className="h-4 w-4 mr-3 flex-shrink-0" />
     {children}
   </Link>
-);
+)
+