upd: list warga

kirim.sh

@@ -0,0 +1,3 @@
+curl -X POST https://cld-dkr-prod-jenna-mcp.wibudev.com/api/pengaduan/upload-file-form-data \
+  -H "Accept: application/json" \
+  -F "file=@image.png"

src/pages/scr/dashboard/warga/list_warga_page.tsx

@@ -41,8 +41,13 @@ export default function ListWargaPage() {
 
 
   useShallowEffect(() => {
+    setPages(1);
     mutate();
-  }, [value, pages]);
+  }, [value]);
+
+  useShallowEffect(() => {
+    mutate();
+  }, [pages]);
 
 
   return (
@@ -57,14 +62,10 @@ export default function ListWargaPage() {
         }}
       >
         <Stack gap="md">
-          <Flex align="center" justify="space-between">
           <Title order={3} c="gray.2">
             List Data Warga
           </Title>
-            <Group justify="flex-end">
+          <Flex align="center" justify="space-between">
-              <Text size="sm">{`Showing ${pageSize * (pages - 1) + 1} – ${Math.min(total, pageSize * pages)} of ${total}`}</Text>
-              <Pagination total={totalPage} value={pages} onChange={setPages} withPages={false} />
-            </Group>
             <Input
               value={value}
               placeholder="Cari warga..."
@@ -79,6 +80,10 @@ export default function ListWargaPage() {
                 />
               }
             />
+            <Group>
+              <Text size="sm">{`${pageSize * (pages - 1) + 1} – ${Math.min(total, pageSize * pages)} of ${total}`}</Text>
+              <Pagination total={totalPage} value={pages} onChange={setPages} withPages={false} />
+            </Group>
           </Flex>
           <Divider my={0} />
           <Table>
@@ -99,8 +104,8 @@ export default function ListWargaPage() {
                   Array.isArray(list) && list?.map((item, i) => (
                     <Table.Tr key={i}>
                       <Table.Td>{item.name}</Table.Td>
-                      <Table.Td>{item.phone}</Table.Td>
+                      <Table.Td w={250}>{item.phone}</Table.Td>
-                      <Table.Td>
+                      <Table.Td w={150}>
                         <Button
                           variant="outline"
                           onClick={() => {