Project Collaboration

## feat
- Buat proyek baru
- Tampilan list data pada beranda
- Partisipasi user lain
### No issuee

src/app_modules/colab/main/beranda.tsx

@@ -24,8 +24,14 @@ import ComponentColab_CardSectionData from "../component/card_view/card_section_
 import ComponentColab_SectionHeaderAuthorName from "../component/card_view/card_section_header_author_name";
 import ComponentGlobal_V2_LoadingPage from "@/app_modules/component_global/loading_page_v2";
 import ComponentColab_CardSectionHeaderAuthorName from "../component/card_view/card_section_header_author_name";
+import { MODEL_COLLABORATION } from "../model/interface";
+import ComponentColab_JumlahPartisipan from "../component/card_view/card_section_jumlah_partisipan";
 
-export default function Colab_Beranda() {
+export default function Colab_Beranda({
+  listData,
+}: {
+  listData: MODEL_COLLABORATION[];
+}) {
   const router = useRouter();
   const [scroll, scrollTo] = useWindowScroll();
   const [loadingCreate, setLoadingCreate] = useState(false);
@@ -52,17 +58,27 @@ export default function Colab_Beranda() {
         </ActionIcon>
       </Affix>
 
-      {Array(5)
-        .fill(0)
-        .map((e, i) => (
-          <Card key={i} withBorder shadow="lg" mb={"lg"} radius={"md"}>
-            <ComponentColab_CardSectionHeaderAuthorName tglPublish={new Date} jumlah_partisipan={12} />
-            <ComponentColab_CardSectionData
-              colabId={i}
-              path={RouterColab.main_detail}
+      {/* <pre>{JSON.stringify(listData, null, 2)}</pre> */}
+
+      {listData.map((e, i) => (
+        <Card key={e.id} withBorder shadow="lg" mb={"lg"} radius={"md"}>
+          <Stack>
+            <ComponentColab_CardSectionHeaderAuthorName
+              authorName={e?.Author?.Profile?.name}
+              imagesId={e?.Author?.Profile?.imagesId}
+              profileId={e?.Author?.Profile?.id}
+              tglPublish={new Date()}
+              jumlah_partisipan={e?.ProjectCollaboration_Partisipasi}
             />
-          </Card>
-        ))}
+            <ComponentColab_CardSectionData
+              colabId={e.id}
+              path={RouterColab.main_detail}
+              data={e}
+            />
+            <ComponentColab_JumlahPartisipan jumlah={e.ProjectCollaboration_Partisipasi} />
+          </Stack>
+        </Card>
+      ))}
     </>
   );
 }

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

@@ -21,7 +21,7 @@ export default function Colab_PartisipasiProyek() {
           >
             <ComponentColab_CardSectionHeaderAuthorName
               tglPublish={new Date()}
-              jumlah_partisipan={12}
+              jumlah_partisipan={[]}
             />
             <ComponentColab_CardSectionData
               colabId={i}

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

@@ -4,7 +4,7 @@ import { RouterColab } from "@/app/lib/router_hipmi/router_colab";
 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/jumlah_partisipan";
+import ComponentColab_JumlahPartisipan from "../../component/card_view/card_section_jumlah_partisipan";
 
 export default function Colab_ProyekSaya() {
   return (

src/app_modules/colab/main/status/publish.tsx

@@ -6,7 +6,7 @@ import ComponentColab_CardSectionData from "../../component/card_view/card_secti
 import ComponentColab_AuthorNameOnHeader from "../../component/header_author_name";
 import ComponentColab_CardSectionHeaderAuthorName from "../../component/card_view/card_section_header_author_name";
 import { RouterColab } from "@/app/lib/router_hipmi/router_colab";
-import ComponentColab_JumlahPartisipan from "../../component/card_view/jumlah_partisipan";
+import ComponentColab_JumlahPartisipan from "../../component/card_view/card_section_jumlah_partisipan";
 
 export default function Colab_StatusPublish() {
   return (