style : update style and components

Deskripsi:
- update global
- update division
- update home
- update project
- update user
- add component natification
- add component reload

No Issue

src/module/home/ui/view_home.tsx

@@ -1,5 +1,5 @@
 "use client"
-import { LayoutNavbarHome, TEMA, WARNA } from '@/module/_global';
+import { LayoutNavbarHome, NotificationCustome, ReloadButtonTop, TEMA, WARNA } from '@/module/_global';
 import { Box, Group, Notification, Stack, Text } from '@mantine/core';
 import React, { useState } from 'react';
 import Carosole from './carosole';
@@ -11,36 +11,12 @@ import ListDiscussion from './list_discussion';
 import ListEventHome from './list_event';
 import ChartProgressHome from './chart_progress_tugas';
 import ChartDocumentHome from './chart_document';
-import { useShallowEffect } from '@mantine/hooks';
-import { notifications, Notifications } from '@mantine/notifications';
-import { IoNotifications } from 'react-icons/io5';
-import { ImCheckboxUnchecked } from 'react-icons/im';
 import { useHookstate } from '@hookstate/core';
 
 
 export default function ViewHome() {
-  const [isNotif, setIsNotif] = useState(true);
   const tema = useHookstate(TEMA)
 
-  useShallowEffect(() => {
-    if (isNotif) {
-      notifications.show({
-        color: tema.get().utama,
-        title: <Text lineClamp={1}>Pengumuman Upacara bendera Upacara bendera Upacara bendera Upacara bendera</Text>,
-        message: <Text lineClamp={1}>Upacara bendera Upacara bendera Upacara bendera Upacara bendera Upacara bendera</Text>,
-        icon: <IoNotifications/>,
-        loading: false,
-        autoClose: 5000,
-        position: "top-center",
-        radius: 'lg',
-        bg: "white",
-        style: {
-          border: `1px solid ${tema.get().utama}`,
-        },
-        onClose: () => setIsNotif(false)
-      });
-    }
-  }, [isNotif]);
   return (
     <>
       <LayoutNavbarHome>
@@ -49,6 +25,23 @@ export default function ViewHome() {
           <IconNavbar />
         </Group>
       </LayoutNavbarHome>
+      {/* <ReloadButtonTop
+        onReload={
+          () => {
+            ''
+          }
+        }
+        title='UPDATE'
+      /> */}
+      <NotificationCustome
+        color='#FFFFFFFF'
+        bg='#0A2295FF'
+        borderColor={"#7CBBEFFF"}
+        title='Pengumuman'
+        desc='Pengumuman Upacara bendera Upacara bendera Upacara bendera Upacara bendera Upacara bendera'
+        onClick={() => {''}}
+        onClose={() => {''}}
+      />
       <Box p={20}>
         <Stack >
           <Carosole />