add folders column

frontend/app/projects/[id]/sidebar.tsx

@@ -1,17 +1,32 @@
+"use client";
 import { Menu, MenuItem } from "@nextui-org/react";
 import { HomeIcon, PagesIcon, PlayIcon } from "@/components/icons";
+import { useRouter } from "next/navigation";
 
 export default function Sidebar() {
+  const router = useRouter();
   return (
     <div className="w-64 bg-white border-r-1">
       <Menu aria-label="sidebar">
-        <MenuItem startContent={<HomeIcon size={28} />} className="p-3">
+        <MenuItem
+          startContent={<HomeIcon size={28} />}
+          className="p-3"
+          onClick={() => router.push("/projects/1/home")}
+        >
           Home
         </MenuItem>
-        <MenuItem startContent={<PagesIcon size={28} />} className="p-3">
+        <MenuItem
+          startContent={<PagesIcon size={28} />}
+          className="p-3"
+          onClick={() => router.push("/projects/1/folders")}
+        >
           Test Cases
         </MenuItem>
-        <MenuItem startContent={<PlayIcon size={28} />} className="p-3">
+        <MenuItem
+          startContent={<PlayIcon size={28} />}
+          className="p-3"
+          onClick={() => router.push("/projects/1/runs")}
+        >
           Test Runs
         </MenuItem>
       </Menu>