Hold persiapan persentase pak fahmi

- Sudah bisa create
- Sudah bisa join proyek
- Tambahan untuk mengisi form jika ingin join
### No issue

src/app_modules/colab/main/proyek/saya.tsx

@@ -5,30 +5,42 @@ import { Card, Stack } from "@mantine/core";
 import ComponentColab_CardSectionData from "../../component/card_view/card_section_data";
 import ComponentColab_CardSectionHeaderAuthorName from "../../component/card_view/card_section_header_author_name";
 import ComponentColab_JumlahPartisipan from "../../component/card_view/card_section_jumlah_partisipan";
+import { MODEL_COLLABORATION } from "../../model/interface";
+import _ from "lodash";
+import ComponentColab_IsEmptyData from "../../component/is_empty_data";
+
+export default function Colab_ProyekSaya({
+  listProyekSaya,
+}: {
+  listProyekSaya: MODEL_COLLABORATION[];
+}) {
+  if (_.isEmpty(listProyekSaya))
+    return <ComponentColab_IsEmptyData text="Tidak ada data" />;
 
-export default function Colab_ProyekSaya() {
   return (
     <>
-      {Array(5)
-        .fill(0)
-        .map((e, i) => (
-          <Card
-            key={i}
-            withBorder
-            shadow="lg"
-            mb={"lg"}
-            radius={"md"}
-            style={{ borderColor: "violet", borderWidth: "0.5px" }}
-          >
-            <Stack>
-              <ComponentColab_CardSectionData
-                colabId={i}
-                path={RouterColab.status_publish}
-              />
-              <ComponentColab_JumlahPartisipan />
-            </Stack>
-          </Card>
-        ))}
+      {listProyekSaya.map((e, i) => (
+        <Card
+          key={i}
+          withBorder
+          shadow="lg"
+          mb={"lg"}
+          radius={"md"}
+          style={{ borderColor: "violet", borderWidth: "0.5px" }}
+        >
+          <Stack>
+            <ComponentColab_CardSectionData
+              colabId={e.id}
+              path={RouterColab.detail_proyek_saya}
+              data={e}
+
+            />
+            <ComponentColab_JumlahPartisipan
+              jumlah={e.ProjectCollaboration_Partisipasi}
+            />
+          </Stack>
+        </Card>
+      ))}
     </>
   );
 }