upd: dashboard admin

Deskripsi:
- databse
- seeder
- list user role

NO Issues

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

@@ -2,6 +2,7 @@ import DesaSetting from "@/components/DesaSetting";
 import KategoriPelayananSurat from "@/components/KategoriPelayananSurat";
 import KategoriPengaduan from "@/components/KategoriPengaduan";
 import ProfileUser from "@/components/ProfileUser";
+import UserRoleSetting from "@/components/UserRoleSetting";
 import UserSetting from "@/components/UserSetting";
 import {
   Card,
@@ -14,7 +15,8 @@ import {
   IconCategory2,
   IconMailSpark,
   IconUserCog,
-  IconUsersGroup,
+  IconUserScreen,
+  IconUsersGroup
 } from "@tabler/icons-react";
 import { useLocation } from "react-router-dom";
 
@@ -50,6 +52,12 @@ export default function DetailSettingPage() {
               leftSection={<IconUsersGroup size={16} stroke={1.5} />}
               active={type === "user"}
             />
+            <NavLink
+              href={`?type=role`}
+              label="Role"
+              leftSection={<IconUserScreen size={16} stroke={1.5} />}
+              active={type === "role"}
+            />
             <NavLink
               href={`?type=cat-pengaduan`}
               label="Kategori Pengaduan"
@@ -90,6 +98,8 @@ export default function DetailSettingPage() {
               <DesaSetting />
             ) : type === "user" ? (
               <UserSetting />
+            ) : type === "role" ? (
+              <UserRoleSetting />
             ) : (
               <ProfileUser />
             )}