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/division_new/ui/list_discussion.tsx

@@ -17,7 +17,7 @@ export default function ListDiscussionOnDetailDivision() {
   const param = useParams<{ id: string }>()
   const [data, setData] = useState<IDataDiscussionOnDetailDivision[]>([])
   const [loading, setLoading] = useState(true);
-  const isMobile = useMediaQuery('(max-width: 369px)');
+  const isMobile = useMediaQuery('(max-width: 399px)');
   const tema = useHookstate(TEMA)
 
   async function fetchData() {

src/module/division_new/ui/list_document.tsx

@@ -41,7 +41,7 @@ export default function ListDocumentOnDetailDivision() {
    useShallowEffect(() => {
       fetchData()
    }, [param.id])
-   const isMobile = useMediaQuery('(max-width: 369px)');
+   const isMobile = useMediaQuery('(max-width: 399px)');
 
    return (
       <Box pt={10}>

src/module/division_new/ui/list_task.tsx

@@ -42,7 +42,7 @@ export default function ListTaskOnDetailDivision() {
       fetchData()
    }, [param.id])
 
-   const isMobile = useMediaQuery('(max-width: 369px)');
+   const isMobile = useMediaQuery('(max-width: 399px)');
 
    return (
       <Box pt={10}>