Fix: Avatar

Deskripsi:
- Avatar job
- Avatar collaboration
- Avatar event
## No Issuue

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

@@ -1,13 +1,12 @@
 "use client";
 
 import { AccentColor } from "@/app_modules/_global/color/color_pallet";
-import {
-  Stack
-} from "@mantine/core";
+import { Stack } from "@mantine/core";
 import ComponentColab_DetailData from "../../component/detail/detail_data";
 import ComponentColab_DetailListPartisipasiUser from "../../component/detail/list_partisipasi_user";
 import ComponentColab_AuthorNameOnHeader from "../../component/header_author_name";
 import { MODEL_COLLABORATION } from "../../model/interface";
+import { ComponentGlobal_CardStyles } from "@/app_modules/_global/component";
 
 export default function Colab_MainDetail({
   dataColab,
@@ -18,37 +17,26 @@ export default function Colab_MainDetail({
   dataColab?: MODEL_COLLABORATION;
   userLoginId?: string;
   listPartisipan?: any[];
-  cekPartisipan: boolean
+  cekPartisipan: boolean;
 }) {
   return (
     <>
-      <Stack
-        px={5}
-        spacing={"xl"}
-        style={{
-          border: `2px solid ${AccentColor.blue}`,
-          backgroundColor: AccentColor.darkblue,
-          color: "white",
-          borderRadius: "10px",
-          marginBottom: "20px",
-          padding: "15px",
-        }}
-      >
-        <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>
+      <ComponentGlobal_CardStyles>
+        <Stack>
+          <ComponentColab_AuthorNameOnHeader
+            tglPublish={new Date()}
+            profile={dataColab?.Author?.Profile as any}
+          />
+          <ComponentColab_DetailData data={dataColab} />
+          <ComponentColab_DetailListPartisipasiUser
+            listPartisipan={listPartisipan}
+            userLoginId={userLoginId}
+            authorId={dataColab?.Author.id}
+            colabId={dataColab?.id}
+            cekPartisipan={cekPartisipan}
+          />
+        </Stack>
+      </ComponentGlobal_CardStyles>
     </>
   );
 }