up: dashboard admin

Deskripsi:
- akses role pada menu dashboard
- akses role pada setting
- akses role pada pelayanan surat
- akses role pada pengaduan warga
- akses role pada warga

NO Issues

src/components/UserRoleSetting.tsx

@@ -16,12 +16,13 @@ import {
 } from "@mantine/core";
 import { useDisclosure, useShallowEffect } from "@mantine/hooks";
 import { IconEdit, IconPlus, IconTrash } from "@tabler/icons-react";
+import type { JsonValue } from "generated/prisma/runtime/library";
 import { useState } from "react";
 import useSWR from "swr";
 import notification from "./notificationGlobal";
 import PermissionRole from "./PermissionRole";
 
-export default function UserRoleSetting() {
+export default function UserRoleSetting({ permissions }: { permissions: JsonValue[] }) {
    const [btnDisable, setBtnDisable] = useState(true);
    const [btnLoading, setBtnLoading] = useState(false);
    const [opened, { open, close }] = useDisclosure(false);
@@ -391,15 +392,19 @@ export default function UserRoleSetting() {
                <Title order={4} c="gray.2">
                   Daftar Role
                </Title>
-               <Tooltip label="Tambah Role">
-                  <Button
-                     variant="light"
-                     leftSection={<IconPlus size={20} />}
-                     onClick={openTambah}
-                  >
-                     Tambah
-                  </Button>
-               </Tooltip>
+               {
+                  permissions.includes('setting.user_role.tambah') && (
+                     <Tooltip label="Tambah Role">
+                        <Button
+                           variant="light"
+                           leftSection={<IconPlus size={20} />}
+                           onClick={openTambah}
+                        >
+                           Tambah
+                        </Button>
+                     </Tooltip>
+                  )
+               }
             </Flex>
             <Divider my={0} />
             <Stack gap={"md"}>
@@ -421,17 +426,18 @@ export default function UserRoleSetting() {
                               </Table.Td>
                               <Table.Td>
                                  <Group>
-                                    <Tooltip label="Edit User">
+                                    <Tooltip label={permissions.includes('setting.user_role.edit') ? "Edit Role" : "Edit Role - Anda tidak memiliki akses"}>
                                        <ActionIcon
                                           variant="light"
                                           size="sm"
                                           style={{ boxShadow: "0 0 8px rgba(0,255,200,0.2)" }}
                                           onClick={() => chooseEdit({ data: v })}
+                                          disabled={!permissions.includes('setting.user_role.edit')}
                                        >
                                           <IconEdit size={20} />
                                        </ActionIcon>
                                     </Tooltip>
-                                    <Tooltip label="Delete User">
+                                    <Tooltip label={permissions.includes('setting.user_role.delete') ? "Delete Role" : "Delete Role - Anda tidak memiliki akses"}>
                                        <ActionIcon
                                           variant="light"
                                           size="sm"
@@ -441,6 +447,7 @@ export default function UserRoleSetting() {
                                              setDataDelete(v.id);
                                              openDelete();
                                           }}
+                                          disabled={!permissions.includes('setting.user_role.delete')}
                                        >
                                           <IconTrash size={20} />
                                        </ActionIcon>