perbaikan(kolaborasi): memperbaiki bug modul kolaborasi dan tingkatkan komponen UI

Deskripsi:

- Perbaikan endpoint API dan routing kolaborasi
- Pembaruan tampilan grup kolaborasi dan partisipasi proyek
- Peningkatan komponen skeleton loading
- Perbaikan tampilan komponen avatar dan username
- Refaktor layout pembuatan dan detail kolaborasi

src/app_modules/colab/create/index.tsx

@@ -5,26 +5,22 @@ import ComponentGlobal_InputCountDown from "@/app_modules/_global/component/inpu
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
 import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";
 import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
+import { clientLogger } from "@/util/clientLogger";
+import mqtt_client from "@/util/mqtt_client";
 import {
   Button,
-  Center,
   Select,
   Stack,
   TextInput,
-  Textarea,
-  Loader,
+  Textarea
 } from "@mantine/core";
+import { useShallowEffect } from "@mantine/hooks";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
+import { Collaboration_SkeletonCreate } from "../component";
+import { apiGetMasterCollaboration } from "../component/lib/api_collaboration";
 import colab_funCreateProyek from "../fun/create/fun_create_proyek";
 import { MODEL_COLLABORATION_MASTER } from "../model/interface";
-import mqtt_client from "@/util/mqtt_client";
-import { useHookstate } from "@hookstate/core";
-import { useGsCollabCreate } from "../global_state/state";
-import { useShallowEffect } from "@mantine/hooks";
-import { apiGetMasterCollaboration } from "../component/lib/api_collaboration";
-import { clientLogger } from "@/util/clientLogger";
-import { Collaboration_SkeletonCreate } from "../component";
 
 export default function Colab_Create() {
   const [value, setValue] = useState({
@@ -103,7 +99,7 @@ export default function Colab_Create() {
           }}
         />
 
-        {/* <Select
+        <Select
           styles={{
             label: {
               color: "white",
@@ -122,25 +118,7 @@ export default function Colab_Create() {
               projectCollaborationMaster_IndustriId: val as any,
             });
           }}
-        /> */}
-
-        {/* <TextInput
-          description={
-            <Text fz={10}>
-              minimal partisipan yang akan di pilih untuk mendiskusikan proyek
-            </Text>
-          }
-          type="number"
-          withAsterisk
-          label="Jumlah Partisipan"
-          placeholder={"2"}
-          onChange={(val) => {
-            setValue({
-              ...value,
-              jumlah_partisipan: val.currentTarget.value as any,
-            });
-          }}
-        /> */}
+        />
 
         <Stack spacing={5}>
           <Textarea
@@ -207,7 +185,6 @@ function ButtonAction({ value }: { value: any }) {
       JSON.stringify({ isNewPost: true, count: 1 })
     );
 
-    console.log(value.jumlah_partisipan);
     if (value.title === "")
       return ComponentGlobal_NotifikasiPeringatan("Lengkapi Data");
     if (value.lokasi === "")
@@ -227,7 +204,6 @@ function ButtonAction({ value }: { value: any }) {
     }
   }
 
-  // console.log(value);
 
   return (
     <>