Fix: Avatar

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

src/app_modules/colab/component/header_author_name.tsx

@@ -1,31 +1,38 @@
 "use client";
 
-import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
-import { Stack, Grid, Avatar, Divider, Text, Group } from "@mantine/core";
+import { ComponentGlobal_AvatarAndUsername } from "@/app_modules/_global/component";
+import { Group, Stack, Text } from "@mantine/core";
 import { useRouter } from "next/navigation";
-import moment from "moment";
-import { ComponentGlobal_NotifikasiPeringatan } from "@/app_modules/_global/notif_global/notifikasi_peringatan";
 
 export default function ComponentColab_AuthorNameOnHeader({
-  profileId,
-  imagesId,
-  authorName,
   tglPublish,
-  isPembatas,
+  profile,
 }: {
-  profileId?: string;
-  imagesId?: string;
-  authorName?: string;
   tglPublish?: Date;
-  isPembatas?: boolean;
+  profile: any;
 }) {
   const router = useRouter();
   return (
     <>
-      <Stack spacing={"xs"} style={{
-        color: "white"
-      }}>
-        <Grid>
+      <ComponentGlobal_AvatarAndUsername
+        profile={profile}
+        component={
+          <Group position="right">
+            {tglPublish ? (
+              <Text fz={"xs"}>
+                {new Intl.DateTimeFormat("id-ID", {
+                  dateStyle: "medium",
+                }).format(tglPublish)}
+              </Text>
+            ) : (
+              ""
+            )}
+          </Group>
+        }
+      />
+
+      <Stack spacing={"xs"}>
+        {/* <Grid>
           <Grid.Col
             span={"content"}
             onClick={() => {
@@ -69,8 +76,7 @@ export default function ComponentColab_AuthorNameOnHeader({
               )}
             </Stack>
           </Grid.Col>
-        </Grid>
-        {isPembatas ? <Divider /> : ""}
+        </Grid> */}
       </Stack>
     </>
   );