replace svg icon with Lucide icon

frontend/app/projects/[projectId]/dashboard/page.tsx

@@ -0,0 +1,3 @@
+export default function Page() {
+  return <>This is Dashboard tab</>;
+}

frontend/app/projects/[projectId]/home/page.tsx

@@ -1,3 +0,0 @@
-export default function Page() {
-  return <>This is Home tab</>;
-}

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

@@ -1,6 +1,6 @@
 "use client";
 import { Menu, MenuItem } from "@nextui-org/react";
-import { HomeIcon, PagesIcon, PlayIcon } from "@/components/icons";
+import { LayoutDashboard, Files, FlaskConical } from "lucide-react";
 import { useRouter } from "next/navigation";
 import useGetCurrentIds from "@/utils/useGetCurrentIds";
 
@@ -11,21 +11,21 @@ export default function Sidebar() {
     <div className="w-64 bg-white border-r-1">
       <Menu aria-label="sidebar">
         <MenuItem
-          startContent={<HomeIcon size={28} />}
+          startContent={<LayoutDashboard strokeWidth={1} size={28} />}
           className="p-3"
-          onClick={() => router.push(`/projects/${projectId}/home`)}
+          onClick={() => router.push(`/projects/${projectId}/dashboard`)}
         >
-          Home
+          Dashboard
         </MenuItem>
         <MenuItem
-          startContent={<PagesIcon size={28} />}
+          startContent={<Files strokeWidth={1} size={28} />}
           className="p-3"
           onClick={() => router.push(`/projects/${projectId}/folders`)}
         >
           Test Cases
         </MenuItem>
         <MenuItem
-          startContent={<PlayIcon size={28} />}
+          startContent={<FlaskConical strokeWidth={1} size={28} />}
           className="p-3"
           onClick={() => router.push(`/projects/${projectId}/runs`)}
         >

frontend/app/projects/project-card.tsx

@@ -11,7 +11,7 @@ import {
   CardBody,
   Divider,
 } from "@nextui-org/react";
-import { DotsIcon } from "@/components/icons";
+import { MoreVertical } from "lucide-react";
 
 export function ProjectCard({ project, onEditClicked, onDeleteClicked }) {
   return (
@@ -19,13 +19,13 @@ export function ProjectCard({ project, onEditClicked, onDeleteClicked }) {
       <CardHeader className="flex gap-3 h-[50px] justify-between text-ellipsis overflow-hidden">
         <div className="flex gap-5">
           <div className="flex flex-col gap-1 items-start justify-center">
-            <Link href={`/projects/${project.id}/home`}>{project.name}</Link>
+            <Link href={`/projects/${project.id}/dashboard`}>{project.name}</Link>
           </div>
         </div>
         <Dropdown>
           <DropdownTrigger>
-            <Button isIconOnly variant="light" size="sm">
-              <DotsIcon size={16} />
+            <Button isIconOnly size="sm" className="bg-transparent rounded-full">
+              <MoreVertical size={16} />
             </Button>
           </DropdownTrigger>
           <DropdownMenu aria-label="Static Actions">