feat : calender

Deskripsi:
- update api calender
- update ui calender

No Issue

src/module/calender/ui/dawer_division_calender.tsx

@@ -1,17 +1,19 @@
 import { WARNA } from '@/module/_global';
 import { Box, Flex, SimpleGrid, Stack, Text } from '@mantine/core';
+import { useParams } from 'next/navigation';
 import React from 'react';
 import { AiOutlineFileSearch } from 'react-icons/ai';
 import { IoAddCircle } from 'react-icons/io5';
 
 export default function DawerDivisionCalender() {
+  const param = useParams<{ id: string }>()
   return (
     <Box>
       <Stack pt={10}>
         <SimpleGrid
           cols={{ base: 2, sm: 3, lg: 3 }}
         >
-          <Flex onClick={() => window.location.href = "/calender/create"} justify={'center'} align={'center'} direction={'column'} >
+          <Flex onClick={() => window.location.href = `/division/${param.id}/calender/create`} justify={'center'} align={'center'} direction={'column'} >
             <Box>
               <IoAddCircle size={30} color={WARNA.biruTua} />
             </Box>
@@ -19,7 +21,7 @@ export default function DawerDivisionCalender() {
               <Text ta={"center"} c={WARNA.biruTua}>Tambah Kalender</Text>
             </Box>
           </Flex>
-          <Flex onClick={() => window.location.href = "/calender/history"} justify={'center'} align={'center'} direction={'column'} >
+          <Flex onClick={() => window.location.href = `/division/${param.id}/calender/history`} justify={'center'} align={'center'} direction={'column'} >
             <Box>
               <AiOutlineFileSearch size={30} color={WARNA.biruTua} />
             </Box>