create project list screen

frontend/app/projects/project-card.tsx

@@ -0,0 +1,31 @@
+import React from "react";
+import {
+  Card,
+  CardHeader,
+  CardBody,
+  Divider,
+  Image,
+} from "@nextui-org/react";
+
+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>
+  );
+}