fix: tugas divisi

Deskripsi;
- klo lagi loading, total = 0
- pencarian
- ga bisa semua di klik saat tampilan list
- pencarian saat tambah anggota tambah tugas
- loading skeleton saat pencarian anggota
- menghapus fitur pilih semua pada pilih anggota
- mengganti label error pada edit judul tugas
- memberikan loading pada saat upload file

No Issues

src/module/task/ui/tabs_division_task.tsx

@@ -1,14 +1,13 @@
 'use client'
-import { Box, Button, Flex, rem, Tabs } from "@mantine/core";
+import { TEMA } from "@/module/_global";
+import { useHookstate } from "@hookstate/core";
+import { Box, Button, Flex, rem } from "@mantine/core";
+import { useRouter, useSearchParams } from "next/navigation";
 import { IoIosCheckmarkCircleOutline } from "react-icons/io";
 import { IoCloseCircleOutline } from "react-icons/io5";
 import { RiProgress3Line } from "react-icons/ri";
 import { TbClockPause } from "react-icons/tb";
 import ListDivisionTask from "./list_division_task";
-import { useRouter, useSearchParams } from "next/navigation";
-import { Carousel } from "@mantine/carousel";
-import { TEMA } from "@/module/_global";
-import { useHookstate } from "@hookstate/core";
 
 export default function TabsDivisionTask() {
    const iconStyle = { width: rem(20), height: rem(20) };
@@ -43,40 +42,40 @@ export default function TabsDivisionTask() {
    return (
       <Box p={20}>
          <Box
-          style={{
-            display: "flex",
-            gap: "20px",
-            position: "relative",
-            overflowX: "scroll",
-            scrollbarWidth: "none",
-            maxWidth: "550px"
-          }}
-        >
-          <Flex gap={"md"} justify={"space-between"}>
-            {dataStatus.map((item, index) => (
-              <Button
-              variant="subtle"
-              color={
-                 status == item.id
-                    ? "white"
-                    : (status == null && item.id == "0") ? "white" : tema.get().utama
-              }
-              onClick={() => { router.push("?status=" + item.id) }}
-              defaultValue={(status == "1" || status == "2" || status == "3") ? status : "0"}
-                  radius={"xl"}
-                  key={index}
-              bg={
-                 status == item.id
-                    ? tema.get().bgFiturDivision
-                    : (status == null && item.id == "0") ? tema.get().bgFiturDivision : "transparent"
-              }
-              leftSection={item.icon}
-           >
-                {item.title}
-              </Button>
-            ))}
-          </Flex>
-        </Box>
+            style={{
+               display: "flex",
+               gap: "20px",
+               position: "relative",
+               overflowX: "scroll",
+               scrollbarWidth: "none",
+               maxWidth: "550px"
+            }}
+         >
+            <Flex gap={"md"} justify={"space-between"}>
+               {dataStatus.map((item, index) => (
+                  <Button
+                     variant="subtle"
+                     color={
+                        status == item.id
+                           ? "white"
+                           : (status == null && item.id == "0") ? "white" : tema.get().utama
+                     }
+                     onClick={() => { router.push("?status=" + item.id) }}
+                     defaultValue={(status == "1" || status == "2" || status == "3") ? status : "0"}
+                     radius={"xl"}
+                     key={index}
+                     bg={
+                        status == item.id
+                           ? tema.get().bgFiturDivision
+                           : (status == null && item.id == "0") ? tema.get().bgFiturDivision : "transparent"
+                     }
+                     leftSection={item.icon}
+                  >
+                     {item.title}
+                  </Button>
+               ))}
+            </Flex>
+         </Box>
          <ListDivisionTask />
       </Box>
    )