fix di katalog, tambahan di event dan investasi

src/app_modules/_global/color/color_pallet.ts

@@ -3,7 +3,8 @@ export const MainColor = {
   darkblue: "#001D3D",
   yellow: "#E1B525",
   white: "#D4D0D0",
-  red: "#C74E4E"
+  red: "#C74E4E",
+  orange: "#E58958"
 };
 
 export const AccentColor = {

src/app_modules/_global/component/button_create.tsx

@@ -48,7 +48,7 @@ export default function ComponentGlobal_CreateButton({
         )} */}
 
         {/* GA PAKE LOADING */}
-        <IconPencilPlus color="white" />
+        <IconPencilPlus color={MainColor.white} />
       </ActionIcon>
     </>
   );

src/app_modules/_global/component/comp_avatar_and_username.tsx

@@ -9,6 +9,7 @@ import ComponentGlobal_Loader from "./loader";
 import { funGlobal_CheckProfile } from "../fun/get";
 import { RouterProfile } from "@/app/lib/router_hipmi/router_katalog";
 import { ComponentGlobal_NotifikasiPeringatan } from "../notif_global";
+import { MainColor } from "../color";
 
 type IFontSize = "xs" | "sm" | "md" | "lg" | "xl";
 export function ComponentGlobal_AvatarAndUsername({
@@ -60,6 +61,7 @@ export function ComponentGlobal_AvatarAndUsername({
         <Grid.Col span={"auto"} style={{ minHeight: 50 }}>
           <Stack justify="center" h={30}>
             <Text
+              c={MainColor.white}
               fw={"bold"}
               fz={fontSize ? fontSize : "sm"}
               lineClamp={1}

src/app_modules/_global/ui/ui_modal.tsx

@@ -33,7 +33,7 @@ export default function UIGlobal_Modal({
         }}
       >
         <Stack>
-          <Title order={6} color="white" align="center">
+          <Title order={6} color={MainColor.white} align="center">
             {title}
           </Title>
           <Group position="center">

src/app_modules/_global/ui/ui_splash.tsx

@@ -2,16 +2,17 @@
 
 import { Loader, Stack, ThemeIcon } from "@mantine/core";
 import UIGlobal_LayoutDefault from "./ui_layout_default";
+import { MainColor } from "../color";
 
 export default function UIGlobal_SplashScreen({ icon }: { icon: any }) {
   return (
     <>
       <UIGlobal_LayoutDefault>
         <Stack h={"90vh"} align="center" justify="center" spacing={"xl"}>
-          <ThemeIcon variant="transparent" size={300} c="white">
+          <ThemeIcon variant="transparent" size={300} c={MainColor.white}>
             {icon}
           </ThemeIcon>
-          <Loader variant="dots" color="white" />
+          <Loader variant="dots" color={MainColor.white} />
         </Stack>
       </UIGlobal_LayoutDefault>
     </>