Fix: Navbar admin

Deskripsi:
- Fix bug navbar yang terpotong bagian atasnya

src/app_modules/_global/ui/ui_header_tamplate.tsx

@@ -47,11 +47,15 @@ export default function UIGlobal_LayoutHeaderTamplate({
 
   return (
     <>
-      <Header
-        height={"8vh"}
+      <Box
+        h={"8vh"}
+        // w={"100%"}
+        // pos={"sticky"}
+        // top={0}
+        // style={{
+        //   zIndex: 10,
+        // }}
         sx={{
-          //   borderRadius: "0px 0px 20px 20px",
-          //   borderBottom: `1px solid ${AccentColor.blue}`,
           borderStyle: "none",
         }}
         bg={backgroundColor ? backgroundColor : MainColor.darkblue}
@@ -110,7 +114,7 @@ export default function UIGlobal_LayoutHeaderTamplate({
             </ActionIcon>
           )}
         </Group>
-      </Header>
+      </Box>
     </>
   );
 }

src/app_modules/_global/ui/ui_layout_tamplate.tsx

@@ -5,7 +5,7 @@ import {
   Box,
   Container,
   rem,
-  ScrollArea
+  ScrollArea,
 } from "@mantine/core";
 import React from "react";
 import { AccentColor, MainColor } from "../color/color_pallet";
@@ -16,7 +16,7 @@ export default function UIGlobal_LayoutTamplate({
   footer,
 }: {
   children: React.ReactNode;
-  header?: React.ReactNode;
+  header: React.ReactNode;
   footer?: React.ReactNode;
 }) {
   return (
@@ -52,21 +52,18 @@ export default function UIGlobal_LayoutTamplate({
 export function UIHeader({ header }: { header: React.ReactNode }) {
   return (
     <>
-      {header ? (
-        <Box
-          h={"8vh"}
-          style={{
-            zIndex: 10,
-          }}
-          w={"100%"}
-          pos={"sticky"}
-          top={0}
-        >
-          {header}
-        </Box>
-      ) : (
-        ""
-      )}
+      <Box
+        h={"8vh"}
+        style={{
+          zIndex: 10,
+          alignContent: "center",
+        }}
+        w={"100%"}
+        pos={"sticky"}
+        top={0}
+      >
+        {header}
+      </Box>
     </>
   );
 }

src/app_modules/_global/ui/ui_splash.tsx

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