Perbaikan UI pada Forum

# style:
- Tampilan keseluruhan forum di ganti menguikuti UI
## No Issue

src/app_modules/auth/splash/view.tsx

@@ -1,12 +1,7 @@
 "use client";
 
 import { MainColor } from "@/app_modules/component_global/color/color_pallet";
-import {
-  Center,
-  Image,
-  Paper,
-  Stack
-} from "@mantine/core";
+import { BackgroundImage, Center, Image, Paper, Stack } from "@mantine/core";
 import { useShallowEffect } from "@mantine/hooks";
 import { useRouter } from "next/navigation";
 
@@ -24,21 +19,28 @@ export default function SplashScreen({ data }: { data: any }) {
       }, 2000);
     }
   }, []);
+
   return (
     <>
-      <Center h={"100vh"} bg={MainColor.darkblue}>
-        <Stack align="center" justify="center" p={"md"}>
-          {/* <Title c={"#002e59"}>Welcome to</Title> */}
-          <Paper
-            p={{ base: 20, md: 30, lg: 40 }}
-            bg={"gray.1"}
-            radius={"100%"}
-            shadow="xl"
-          >
-            <Image height={200} alt="" src={"/aset/logo/logo-hipmi.png"} />
-          </Paper>
-        </Stack>
-      </Center>
+      <BackgroundImage
+        src={"/aset/global/main_background.png"}
+        h={"100vh"}
+        // pos={"static"}
+      >
+        <Center h={"100vh"}>
+          <Stack align="center" justify="center" p={"md"}>
+            {/* <Title c={"#002e59"}>Welcome to</Title> */}
+            <Paper
+              p={{ base: 20, md: 30, lg: 40 }}
+              bg={"gray.1"}
+              radius={"100%"}
+              shadow="xl"
+            >
+              <Image height={200} alt="" src={"/aset/logo/logo-hipmi.png"} />
+            </Paper>
+          </Stack>
+        </Center>
+      </BackgroundImage>
     </>
   );
 }