Fix : Avatar

Deskripsi:
- Ubah avatar yang image nya di ambil dari storage wibu server
- Avatar forum
- Avatra job
- Avatar Investasi
- Avatar donasi
## No Issuee

src/app_modules/investasi/_component/detail/saham_saya/comp_detail_data.tsx

@@ -1,5 +1,5 @@
 import { RouterInvestasi_OLD } from "@/app/lib/router_hipmi/router_investasi";
-import { ComponentGlobal_AvatarAndAuthorName } from "@/app_modules/_global/component";
+import { ComponentGlobal_AvatarAndAuthorName, ComponentGlobal_AvatarAndUsername } from "@/app_modules/_global/component";
 import { MODEL_INVOICE_INVESTASI } from "@/app_modules/investasi/_lib/interface";
 import {
   Stack,
@@ -25,7 +25,7 @@ export function Investasi_ComponentBoxDetailData({
     <>
       <Investasi_ComponentStylesCard>
         <Stack>
-          <ComponentGlobal_AvatarAndAuthorName dataUser={data?.Author} />
+          <ComponentGlobal_AvatarAndUsername profile={data?.Author.Profile as any} />
           <AspectRatio ratio={1 / 1} mx={0} mah={250}>
             <Image
               alt=""

src/app_modules/investasi/_component/main/comp_card_beranda.tsx

@@ -1,6 +1,9 @@
 import { RouterInvestasi_OLD } from "@/app/lib/router_hipmi/router_investasi";
 import { Warna } from "@/app/lib/warna";
-import { AccentColor, MainColor } from "@/app_modules/_global/color/color_pallet";
+import {
+  AccentColor,
+  MainColor,
+} from "@/app_modules/_global/color/color_pallet";
 import {
   Card,
   CardSection,
@@ -19,7 +22,10 @@ import moment from "moment";
 import { MODEL_INVESTASI } from "../../_lib/interface";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
-import { ComponentGlobal_CardLoadingOverlay } from "@/app_modules/_global/component";
+import {
+  ComponentGlobal_CardLoadingOverlay,
+  ComponentGlobal_CardStyles,
+} from "@/app_modules/_global/component";
 
 export function Investasi_ComponentCardBeranda({
   data,
@@ -32,17 +38,8 @@ export function Investasi_ComponentCardBeranda({
 
   return (
     <>
-      <Card
-        style={{
-          padding: "15px",
-          backgroundColor: AccentColor.darkblue,
-          borderRadius: "10px",
-          border: `2px solid ${AccentColor.blue}`,
-          color: "white",
-          marginBottom: "15px",
-          marginInline: "15px",
-        }}
-        onClick={() => {
+      <ComponentGlobal_CardStyles
+        onClickHandler={() => {
           setLoadingDetail(true);
           setVisible(true);
           router.push(RouterInvestasi_OLD.detail + `${data?.id}`);
@@ -77,30 +74,9 @@ export function Investasi_ComponentCardBeranda({
               size="xl"
               radius="xl"
               styles={{
-                label:{color: MainColor.black}
+                label: { color: MainColor.black },
               }}
             />
-            {/* <Progress
-              label={
-                "" +
-                (
-                  ((+data?.totalLembar - +data?.sisaLembar) /
-                    +data?.totalLembar) *
-                  100
-                ).toFixed(1) +
-                "%"
-              }
-              value={
-                +(
-                  ((+data?.totalLembar - +data?.sisaLembar) /
-                    +data?.totalLembar) *
-                  100
-                ).toFixed(1)
-              }
-              color="teal"
-              size="xl"
-              radius="xl"
-            /> */}
           </Stack>
         </CardSection>
 
@@ -158,7 +134,20 @@ export function Investasi_ComponentCardBeranda({
           </Group>
         </CardSection>
         {visible ? <ComponentGlobal_CardLoadingOverlay /> : ""}
-      </Card>
+      </ComponentGlobal_CardStyles>
+
+      {/* <Card
+        style={{
+          padding: "15px",
+          backgroundColor: AccentColor.darkblue,
+          borderRadius: "10px",
+          border: `2px solid ${AccentColor.blue}`,
+          color: "white",
+          marginBottom: "15px",
+          marginInline: "15px",
+        }}
+       
+      ></Card> */}
     </>
   );
 }