Add All Skeleton Except Collaboration

src/app_modules/investasi/_ui/detail/ui_detail_main.tsx

@@ -16,6 +16,7 @@ import {
   RouterInvestasi_OLD,
 } from "@/app/lib/router_hipmi/router_investasi";
 import { IconDeviceIpadPlus } from "@tabler/icons-react";
+import { MainColor } from "@/app_modules/_global/color";
 
 export function Investasi_UiDetailMain({
   dataInvestasi,
@@ -54,7 +55,7 @@ export function Investasi_UiDetailMain({
                   variant="transparent"
                   onClick={() => setOpenDrawer(true)}
                 >
-                  <IconDotsVertical color="white" />
+                  <IconDotsVertical color={MainColor.white} />
                 </ActionIcon>
               ) : (
                 <ActionIcon disabled variant="transparent" />

src/app_modules/investasi/_ui/detail/ui_detail_portofolio.tsx

@@ -23,6 +23,7 @@ import {
   Investasi_ViewDetailReview,
 } from "../../_view";
 import ComponentGlobal_Loader from "@/app_modules/_global/component/loader";
+import { MainColor } from "@/app_modules/_global/color";
 
 export function Investasi_UiDetailPortofolio({
   dataInvestasi,
@@ -69,7 +70,7 @@ export function Investasi_UiDetailPortofolio({
                   variant="transparent"
                   onClick={() => setOpenDrawer(true)}
                 >
-                  <IconDotsVertical color="white" />
+                  <IconDotsVertical color={MainColor.white} />
                 </ActionIcon>
               }
             />
@@ -93,7 +94,7 @@ export function Investasi_UiDetailPortofolio({
                 <Stack key={i} align="center" spacing={"xs"}>
                   <ActionIcon
                     variant="transparent"
-                    c="white"
+                    c={MainColor.white}
                     onClick={() => {
                       setPageId(e?.id);
                       setLoading(true);
@@ -109,7 +110,7 @@ export function Investasi_UiDetailPortofolio({
                       e?.icon
                     )}
                   </ActionIcon>
-                  <Text fz={"sm"} align="center" color="white">
+                  <Text fz={"sm"} align="center" color={MainColor.white}>
                     {e?.name}
                   </Text>
                 </Stack>

src/app_modules/investasi/_ui/main/ui_portofolio_new.tsx

@@ -61,7 +61,7 @@ export function Investasi_UiPortofolioNew() {
                            transition: "ease 0.5s ",
                            backgroundColor:
                               param.id === e.id ? MainColor.yellow : AccentColor.blue,
-                           color: param.id === e.id ? "black" : "white",
+                           color: param.id === e.id ? "black" : MainColor.white,
                         }}
                      >
                         {e.name}