style : update module

Deskripsi:
- add group
- add notification

No issue

src/module/_global/index.ts

@@ -1,11 +1,15 @@
 import { WARNA } from "./fun/WARNA";
+import LayoutDrawer from "./layout/layout_drawer";
 import LayoutIconBack from "./layout/layout_icon_back";
 import LoadingPage from "./layout/layout_loading_page";
 import LayoutLogin from "./layout/layout_login";
 import LayoutNavbarHome from "./layout/layout_navbar_home";
+import { isDrawer } from "./val/idDrawer";
 
 export { WARNA }
 export { LayoutLogin }
 export { LayoutNavbarHome }
-export {LayoutIconBack}
+export { LayoutIconBack }
 export { LoadingPage }
+export { LayoutDrawer }
+export { isDrawer }

src/module/_global/layout/layout_drawer.tsx

@@ -0,0 +1,20 @@
+import { Box, Drawer, Text } from '@mantine/core';
+import React from 'react';
+import { WARNA } from '../fun/WARNA';
+
+export default function LayoutDrawer({ opened, onClose, title, children }: { children: React.ReactNode, opened: boolean, onClose: () => void, title: React.ReactNode }) {
+  return (
+    <Box>
+      <Drawer opened={opened} title={<Text c={WARNA.biruTua} fw={'bold'}>{title}</Text>} onClose={onClose} position={"bottom"} size={"35%"}
+        styles={{
+          content: {
+            backgroundColor: "white",
+            borderRadius: "20px 20px 0px 0px",
+          },
+        }}
+      >
+        {children}
+      </Drawer>
+    </Box>
+  );
+}

src/module/_global/layout/layout_navbar_home.tsx

@@ -4,16 +4,15 @@ import { WARNA } from '../fun/WARNA';
 
 export const LayoutNavbarHome = ({ children }: { children: React.ReactNode }) => {
   return (
-    <>
-      <Box pt={25} pl={20} pr={20} m={0} pb={25} bg={WARNA.biruTua}
+      <Box pt={25} pl={20} pr={20} m={0} pos={'sticky'} top={0} pb={25} bg={WARNA.biruTua}
         style={{
           borderBottomLeftRadius: 20,
           borderBottomRightRadius: 20,
+          zIndex: 100
         }}
       >
         {children}
       </Box>
-    </>
   );
 }
 export default LayoutNavbarHome

src/module/_global/val/idDrawer.ts

@@ -0,0 +1,5 @@
+'use client'
+
+import { atom } from "jotai"
+
+export const isDrawer = atom(false)