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_navbar_home.tsx

@@ -1,10 +1,14 @@
+"use client"
 import { Box, Grid, Group } from '@mantine/core';
 import React from 'react';
 import { WARNA } from '../fun/WARNA';
+import { useHookstate } from '@hookstate/core';
+import { TEMA } from '../bin/val_global';
 
 export const LayoutNavbarHome = ({ children }: { children: React.ReactNode }) => {
+  const tema = useHookstate(TEMA)
   return (
-      <Box pt={25} pl={20} pr={20} m={0} pos={'sticky'} top={0} pb={25} bg={WARNA.biruTua}
+      <Box pt={25} pl={20} pr={20} m={0} pos={'sticky'} top={0} pb={25} bg={tema.get().utama}
         style={{
           borderBottomLeftRadius: 20,
           borderBottomRightRadius: 20,