'use client'; import Link from 'next/link'; import { usePathname } from 'next/navigation'; import { Rocket, LayoutDashboard, Users, ShieldAlert, Activity, BarChart, Settings, LogOut, Sun, Moon } from 'lucide-react'; import { useAuth } from '@/hooks/useAuth'; import { useTheme } from 'next-themes'; import { useState, useEffect } from 'react'; const MENU_ITEMS = [ { name: 'Overview', href: '/dashboard', icon: LayoutDashboard }, { name: 'Users', href: '/dashboard/users', icon: Users }, ]; export default function Sidebar() { const pathname = usePathname(); const { logout, user } = useAuth(); const { theme, setTheme } = useTheme(); const [mounted, setMounted] = useState(false); useEffect(() => { setMounted(true); }, []); return ( ); }