hovering on sidebar looks nice now

components/app-sidebar.tsx

@@ -3,43 +3,15 @@
 import * as React from "react";
 
 import { NavMain } from "@/components/nav-main";
-import { NavProjects } from "@/components/nav-projects";
-import { NavUser } from "@/components/nav-user";
-import { TeamSwitcher } from "@/components/team-switcher";
+import { Sidebar, SidebarContent, SidebarRail } from "@/components/ui/sidebar";
 import {
-  Sidebar,
-  SidebarContent,
-  SidebarFooter,
-  SidebarHeader,
-  SidebarRail,
-} from "@/components/ui/sidebar";
-import {
-  GalleryVerticalEndIcon,
-  AudioLinesIcon,
   TerminalIcon,
   TerminalSquareIcon,
-  BotIcon,
   BookOpenIcon,
-  Settings2Icon,
-  FrameIcon,
   PieChartIcon,
-  MapIcon,
 } from "lucide-react";
 import { usePathname } from "next/navigation";
 
-/*
-(property) items: {
-    title: string;
-    url: string;
-    icon?: React.ReactNode;
-    isActive?: boolean;
-    items?: {
-        title: string;
-        url: string;
-    }[];
-}[]
-*/
-
 export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
   const checkActive = (url: string) => {
     // /dashboard