Its been a while

src/components/SideNav.tsx

@@ -11,6 +11,7 @@ import { TbCircleArrowLeft, TbCircleArrowRight } from "react-icons/tb";
 import { PiBreadFill } from "react-icons/pi";
 
 import Button from './Button';
+import { usePathname } from 'next/navigation';
 
 
 interface SideNavProps {
@@ -39,18 +40,18 @@ const SideNav: React.FC<SideNavProps> = (
         }
 
     )}>
-        <div className="h-25" />
-        <Button
+        <div className="h-20" />
+        {/* <Button
             onClick={() => setIsSidebarOpen(!isSidebarOpen)}
             className="h-10 flex justify-end items-center pr-2"
         >
             {isSidebarOpen ? <FaArrowCircleLeft size={30} /> : <FaArrowCircleRight size={30} />}
-        </Button>
+        </Button> */}
         <div className="flex flex-col divide-y divide-bluetang">
             {navItems.map((navItem, index) => (
-                <a href={navItem.url} className={classnames(
+                <a href={navItem.url} key={index} className={classnames(
                     "w-full h-20 flex justify-center items-center px-1 text-xs md:text-sm lg:text-base font-semibold hover:text-platinum",
-                    {"bg-bluetang text-platinum" : index == 0}
+                    {"bg-bluetang text-platinum" : usePathname() == navItem.url}
                 )}>
                     {isSidebarOpen ? (
                         <>{navItem.title}</>