style : update tema

Deskripsi:
- update global
- update announcement
- update update color palette
- update group
- update home
- update position
- update project
- update member

No Issue

src/module/_global/layout/layout_icon_back.tsx

@@ -5,9 +5,12 @@ import React from 'react';
 import { HiChevronLeft } from 'react-icons/hi2';
 import { WARNA } from '../fun/WARNA';
 import _ from 'lodash';
+import { useHookstate } from '@hookstate/core';
+import { TEMA } from '../bin/val_global';
 
 function LayoutIconBack({ back }: { back?: string }) {
   const router = useRouter()
+  const tema = useHookstate(TEMA)
   return (
     <Box>
       <ActionIcon variant="light" onClick={() => {
@@ -17,7 +20,7 @@ function LayoutIconBack({ back }: { back?: string }) {
           return router.back()
         }
 
-      }} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
+      }} bg={tema.get().bgIcon} size="lg" radius="lg" aria-label="Settings">
         <HiChevronLeft size={20} color='white' />
       </ActionIcon>
     </Box>