style : update module

Deskripsi:
- add group
- add notification

No issue

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