update sidebar

components/layout/nav-item.tsx

@@ -0,0 +1,24 @@
+import Link from "next/link";
+
+interface NavItemProps {
+  href: string;
+  icon: React.ElementType;
+  children: React.ReactNode;
+  onClick?: () => void;
+}
+
+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]"
+  >
+    <Icon className="h-4 w-4 mr-3 flex-shrink-0" />
+    {children}
+  </Link>
+);