get current project id and folder id

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

@@ -2,8 +2,10 @@
 import { Menu, MenuItem } from "@nextui-org/react";
 import { HomeIcon, PagesIcon, PlayIcon } from "@/components/icons";
 import { useRouter } from "next/navigation";
+import useGetCurrentIds from "@/utils/useGetCurrentIds";
 
 export default function Sidebar() {
+  const { projectId } = useGetCurrentIds();
   const router = useRouter();
   return (
     <div className="w-64 bg-white border-r-1">
@@ -11,21 +13,21 @@ export default function Sidebar() {
         <MenuItem
           startContent={<HomeIcon size={28} />}
           className="p-3"
-          onClick={() => router.push("/projects/1/home")}
+          onClick={() => router.push(`/projects/${projectId}/home`)}
         >
           Home
         </MenuItem>
         <MenuItem
           startContent={<PagesIcon size={28} />}
           className="p-3"
-          onClick={() => router.push("/projects/1/folders")}
+          onClick={() => router.push(`/projects/${projectId}/folders`)}
         >
           Test Cases
         </MenuItem>
         <MenuItem
           startContent={<PlayIcon size={28} />}
           className="p-3"
-          onClick={() => router.push("/projects/1/runs")}
+          onClick={() => router.push(`/projects/${projectId}/runs`)}
         >
           Test Runs
         </MenuItem>