upd: dahsboar admin

Deskripsi:
- list kategori pelayanan surat
- edit kategori pelayanan surat
- tambah kategori pelayanan surat
- hapush kategori pelayanan surat

No Issues

src/pages/scr/dashboard/setting/detail_setting_page.tsx

@@ -1,4 +1,5 @@
 import DesaSetting from "@/components/DesaSetting";
+import KategoriPelayananSurat from "@/components/KategoriPelayananSurat";
 import KategoriPengaduan from "@/components/KategoriPengaduan";
 import ProfileUser from "@/components/ProfileUser";
 import UserSetting from "@/components/UserSetting";
@@ -90,7 +91,7 @@ export default function DetailSettingPage() {
             {type === "cat-pengaduan" ? (
               <KategoriPengaduan />
             ) : type === "cat-pelayanan" ? (
-              <KategoriPengaduanPage />
+              <KategoriPelayananSurat />
             ) : type === "desa" ? (
               <DesaSetting />
             ) : type === "user" ? (
@@ -103,48 +104,4 @@ export default function DetailSettingPage() {
       </Grid>
     </Container>
   );
-}
-
-
-function KategoriPengaduanPage() {
-  const elements = [
-    { position: 6, mass: 12.011, symbol: "C", name: "Carbon" },
-    { position: 7, mass: 14.007, symbol: "N", name: "Nitrogen" },
-    { position: 39, mass: 88.906, symbol: "Y", name: "Yttrium" },
-    { position: 56, mass: 137.33, symbol: "Ba", name: "Barium" },
-    { position: 58, mass: 140.12, symbol: "Ce", name: "Cerium" },
-  ];
-
-  const rows = elements.map((element) => (
-    <Table.Tr key={element.name}>
-      <Table.Td>{element.position}</Table.Td>
-      <Table.Td>{element.name}</Table.Td>
-      <Table.Td>{element.symbol}</Table.Td>
-      <Table.Td>{element.mass}</Table.Td>
-    </Table.Tr>
-  ));
-  return (
-    <Stack gap={"md"}>
-      <Flex align="center" justify="space-between">
-        <Title order={4} c="gray.2">
-          Kategori Pengaduan
-        </Title>
-        <Button variant="light">Tambah</Button>
-      </Flex>
-      <Divider my={0} />
-      <Stack gap={"md"}>
-        <Table>
-          <Table.Thead>
-            <Table.Tr>
-              <Table.Th>Tanggal</Table.Th>
-              <Table.Th>Deskripsi</Table.Th>
-              <Table.Th>Status</Table.Th>
-              <Table.Th>User</Table.Th>
-            </Table.Tr>
-          </Table.Thead>
-          <Table.Tbody>{rows}</Table.Tbody>
-        </Table>
-      </Stack>
-    </Stack>
-  );
-}
+}