Project Collaboration

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

src/app_modules/colab/detail/main_detail/index.tsx

@@ -17,15 +17,36 @@ import { useState } from "react";
 import ComponentColab_ButtonPartisipasi from "../../component/detail/button_partisipasi";
 import ComponentColab_DetailListPartisipasiUser from "../../component/detail/list_partisipasi_user";
 import ComponentColab_DetailData from "../../component/detail/detail_data";
+import { MODEL_COLLABORATION } from "../../model/interface";
 
-export default function Colab_MainDetail() {
+export default function Colab_MainDetail({
+  dataColab,
+  userLoginId,
+  listPartisipan,
+  cekPartisipan,
+}: {
+  dataColab?: MODEL_COLLABORATION;
+  userLoginId?: string;
+  listPartisipan?: any[];
+  cekPartisipan: boolean
+}) {
   return (
     <>
-      <Stack px={5} spacing={"lg"}>
-        <ComponentColab_AuthorNameOnHeader tglPublish={new Date}/>
-        <ComponentColab_DetailData />
-        <ComponentColab_ButtonPartisipasi />
-        <ComponentColab_DetailListPartisipasiUser />
+      <Stack px={5} spacing={"xl"}>
+        <ComponentColab_AuthorNameOnHeader
+          tglPublish={new Date()}
+          authorName={dataColab?.Author?.Profile?.name}
+          imagesId={dataColab?.Author?.Profile?.imagesId}
+          profileId={dataColab?.Author?.Profile?.id}
+        />
+        <ComponentColab_DetailData data={dataColab} />
+        <ComponentColab_DetailListPartisipasiUser
+          listPartisipan={listPartisipan}
+          userLoginId={userLoginId}
+          authorId={dataColab?.Author.id}
+          colabId={dataColab?.id}
+          cekPartisipan={cekPartisipan}
+        />
       </Stack>
     </>
   );