style : update tema

Deskripsi:
- update calender
- update color palette
- update discussion
- update division
- update task

No Issue

src/module/calender/ui/dawer_division_calender.tsx

@@ -1,4 +1,5 @@
-import { WARNA } from '@/module/_global';
+import { TEMA } from '@/module/_global';
+import { useHookstate } from '@hookstate/core';
 import { Box, Flex, SimpleGrid, Stack, Text } from '@mantine/core';
 import { useParams } from 'next/navigation';
 import React from 'react';
@@ -7,6 +8,7 @@ import { IoAddCircle } from 'react-icons/io5';
 
 export default function DawerDivisionCalender() {
   const param = useParams<{ id: string }>()
+  const tema = useHookstate(TEMA)
   return (
     <Box>
       <Stack pt={10}>
@@ -15,18 +17,18 @@ export default function DawerDivisionCalender() {
         >
           <Flex onClick={() => window.location.href = `/division/${param.id}/calender/create`} justify={'center'} align={'center'} direction={'column'} >
             <Box>
-              <IoAddCircle size={30} color={WARNA.biruTua} />
+              <IoAddCircle size={30} color={tema.get().utama} />
             </Box>
             <Box>
-              <Text ta={"center"} c={WARNA.biruTua}>Tambah Acara</Text>
+              <Text ta={"center"} c={tema.get().utama}>Tambah Acara</Text>
             </Box>
           </Flex>
           <Flex onClick={() => window.location.href = `/division/${param.id}/calender/history`} justify={'center'} align={'center'} direction={'column'} >
             <Box>
-              <AiOutlineFileSearch size={30} color={WARNA.biruTua} />
+              <AiOutlineFileSearch size={30} color={tema.get().utama} />
             </Box>
             <Box>
-              <Text c={WARNA.biruTua}>Riwayat</Text>
+              <Text c={tema.get().utama}>Riwayat</Text>
             </Box>
           </Flex>
         </SimpleGrid>