"use client"; import { usePathname, useRouter } from "next/navigation"; const NAV_ITEMS = [ { id: "home", label: "Dashboard", path: "/", icon: ( ), }, { id: "onboarding", label: "Onboarding", path: "/onboarding", icon: ( ), }, { id: "skills", label: "Skills", path: "/skills", icon: ( ), }, { id: "demo", label: "Query", path: "/demo", icon: ( ), }, ]; export default function Sidebar() { const pathname = usePathname(); const router = useRouter(); const isActive = (path: string) => { if (path === "/") return pathname === "/"; return pathname.startsWith(path); }; return ( ); }