folders and cases

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

@@ -0,0 +1,35 @@
+"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"
+          onClick={() => router.push("/projects/1/home")}
+        >
+          Home
+        </MenuItem>
+        <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"
+          onClick={() => router.push("/projects/1/runs")}
+        >
+          Test Runs
+        </MenuItem>
+      </Menu>
+    </div>
+  );
+}