style : update module

Deskripsi:
- add group
- add notification

No issue

src/module/notification/components/list_notification.tsx

@@ -1,6 +1,6 @@
 "use client"
 import { WARNA } from '@/module/_global';
-import { ActionIcon, Box, Center, Grid, Group, ScrollArea, Text } from '@mantine/core';
+import { ActionIcon, Box, Center, Grid, Group, Text } from '@mantine/core';
 import { useRouter } from 'next/navigation';
 import React from 'react';
 import { HiUser } from 'react-icons/hi2';

src/module/notification/components/ui/navbar_notification.tsx

@@ -7,7 +7,6 @@ import React from 'react';
 export default function NavbarNotification() {
   const router = useRouter()
   return (
-    <Box>
       <LayoutNavbarHome>
         <Grid justify='center' align='center'>
           <Grid.Col span="auto">
@@ -19,7 +18,6 @@ export default function NavbarNotification() {
           <Grid.Col span="auto"></Grid.Col>
         </Grid>
       </LayoutNavbarHome>
-    </Box>
   );
 }
 

src/module/notification/view/view_notification.tsx

@@ -1,5 +1,5 @@
 import { LayoutIconBack, LayoutNavbarHome } from '@/module/_global'
-import { Box, Grid, ScrollArea, Text } from '@mantine/core'
+import { Box, Grid, Text } from '@mantine/core'
 import React from 'react'
 import NavbarNotification from '../components/ui/navbar_notification'
 import ListNotification from '../components/list_notification'
@@ -8,11 +8,9 @@ export default function ViewNotification() {
     return (
         <Box>
             <NavbarNotification />
-            <ScrollArea h={'87vh'}>
-                <Box p={20}>
-                    <ListNotification />
-                </Box>
-            </ScrollArea>
+            <Box p={20}>
+                <ListNotification />
+            </Box>
         </Box>
     )
 }