fix ui event

src/app_modules/_global/component/new/component_header.tsx

@@ -1,3 +1,5 @@
+"use client"
+
 import { ActionIcon, Box, Group, Title, Loader } from "@mantine/core";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
@@ -41,7 +43,6 @@ export function Component_Header({
         w={"100%"}
         h={"100%"}
         position={posotion ? posotion : "apart"}
-        px={"md"}
       >
         {hideButtonLeft ? (
           <ActionIcon disabled variant="transparent"></ActionIcon>

src/app_modules/_global/ui/ui_header_tamplate.tsx

@@ -49,12 +49,11 @@ export default function UIGlobal_LayoutHeaderTamplate({
     <>
       <Box
         h={"8vh"}
-        // w={"100%"}
-        // pos={"sticky"}
-        // top={0}
-        // style={{
-        //   zIndex: 10,
-        // }}
+        style={{
+          borderBottom: `1px solid ${AccentColor.blue}`,
+          borderBottomLeftRadius: "10px",
+          borderBottomRightRadius: "10px",
+        }}
         sx={{
           borderStyle: "none",
         }}
@@ -85,14 +84,9 @@ export default function UIGlobal_LayoutHeaderTamplate({
               ) : (
                 <IconChevronLeft />
               )} */}
-              
 
               {/* GA PAKE LOADING SAAT KLIK BACK */}
-              {iconLeft ? (
-                iconLeft
-              ) : (
-                <IconChevronLeft />
-              )}
+              {iconLeft ? iconLeft : <IconChevronLeft />}
             </ActionIcon>
           )}
 

src/app_modules/_global/ui/ui_layout_tamplate.tsx

@@ -32,17 +32,17 @@ export default function UIGlobal_LayoutTamplate({
         }}
       >
         <Container mih={"100vh"} p={0} size={rem(500)} bg={MainColor.darkblue}>
-          <BackgroundImage
+          {/* <BackgroundImage
             src={"/aset/global/main_background.png"}
             h={"100vh"}
             style={{ position: "relative" }}
-          >
+          > */}
             <UIHeader header={header} />
 
             <UIChildren footer={footer}>{children}</UIChildren>
 
             <UIFooter footer={footer} />
-          </BackgroundImage>
+          {/* </BackgroundImage> */}
         </Container>
       </Box>
     </>
@@ -78,7 +78,7 @@ export function UIChildren({
   return (
     <>
       <Box style={{ zIndex: 0 }} h={footer ? "82vh" : "92vh"} pos={"static"}>
-        <ScrollArea h={"100%"} px={"md"}>
+        <ScrollArea h={"100%"} px={"md"} pt={"sm"}>
           {children}
         </ScrollArea>
       </Box>