create folders table

frontend/app/projects/project-card.tsx

@@ -6,26 +6,29 @@ import {
   Divider,
   Image,
 } from "@nextui-org/react";
+import NextLink from "next/link";
 
 export function ProjectCard({ projectName, projectDetail }) {
   return (
-    <Card className="w-[250px]">
-      <CardHeader className="flex gap-3">
-        <Image
-          alt="nextui logo"
-          height={40}
-          radius="sm"
-          src="https://avatars.githubusercontent.com/u/86160567?s=200&v=4"
-          width={40}
-        />
-        <div className="flex flex-col">
-          <p className="text-md">{ projectName }</p>
-        </div>
-      </CardHeader>
-      <Divider />
-      <CardBody>
-        <p>{projectDetail}</p>
-      </CardBody>
-    </Card>
+    <NextLink href={`/projects/${1}`}>
+      <Card className="w-[250px] hover:bg-slate-200">
+        <CardHeader className="flex gap-3">
+          <Image
+            alt="nextui logo"
+            height={40}
+            radius="sm"
+            src="https://avatars.githubusercontent.com/u/86160567?s=200&v=4"
+            width={40}
+          />
+          <div className="flex flex-col">
+            <p className="text-md">{projectName}</p>
+          </div>
+        </CardHeader>
+        <Divider />
+        <CardBody>
+          <p>{projectDetail}</p>
+        </CardBody>
+      </Card>
+    </NextLink>
   );
 }