style: update mobile

Deskripsi:
- update calender
- update division
- document
- update home
- update project
- update task

No Issue

src/module/task/ui/create_task.tsx

@@ -18,6 +18,7 @@ import _ from "lodash";
 import { FaTrash } from "react-icons/fa6";
 import LayoutModal from "@/module/_global/layout/layout_modal";
 import { funCreateTask } from "../lib/api_task";
+import { useMediaQuery } from "@mantine/hooks";
 
 export default function CreateTask() {
   const router = useRouter()
@@ -37,6 +38,7 @@ export default function CreateTask() {
   const [listFile, setListFile] = useState<IListFileTask[]>([])
   const [indexDelFile, setIndexDelFile] = useState<number>(0)
   const [indexDelTask, setIndexDelTask] = useState<number>(0)
+  const isMobile = useMediaQuery('(max-width: 369px)');
   const [title, setTitle] = useState("")
   const [touched, setTouched] = useState({
     title: false,
@@ -235,19 +237,19 @@ export default function CreateTask() {
                         >
                           <Grid.Col span={9}>
                             <Group>
-                              <Avatar src={`/api/file/img?jenis=image&cat=user&file=${v.img}`} alt="it's me" size="lg" />
+                              <Avatar src={`/api/file/img?jenis=image&cat=user&file=${v.img}`} alt="it's me" size={isMobile ? 'md' : 'lg'} />
                               <Box w={{
-                                base: 140,
+                                base: isMobile ? 130 : 140,
                                 xl: 270
                               }}>
-                                <Text c={WARNA.biruTua} fw={"bold"} lineClamp={1}>
+                                <Text c={WARNA.biruTua} fw={"bold"} lineClamp={1} fz={isMobile ? 14 : 16}>
                                   {v.name}
                                 </Text>
                               </Box>
                             </Group>
                           </Grid.Col>
                           <Grid.Col span={3}>
-                            <Text c={WARNA.biruTua} fw={"bold"} ta={'end'}>
+                            <Text c={WARNA.biruTua} fw={"bold"} ta={'end'} fz={isMobile ? 13 : 16}>
                             Anggota
                             </Text>
                           </Grid.Col>