resources/js/components/app-sidebar.tsx

@@ -14,9 +14,12 @@ import {
     Mail,
     Megaphone,
     MessageCircle,
+    Palette,
     Receipt,
     School,
+    ShieldCheck,
     User,
+    UserCog,
     Users,
 } from 'lucide-react';
 import * as React from 'react';
@@ -47,6 +50,9 @@ import { index as coursesRoute } from '@/routes/admin/master/courses';
 import { index as departmentsRoute } from '@/routes/admin/master/departments';
 import { index as academicAdvisingLogsRoute } from '@/routes/admin/services/academic-advising-logs';
 import { index as letterRequestsRoute } from '@/routes/admin/services/letter-requests';
+import { edit as appearanceRoute } from '@/routes/admin/settings/appearance';
+import { edit as profileRoute } from '@/routes/admin/settings/profile';
+import { edit as securityRoute } from '@/routes/admin/settings/security';
 import { index as administratorsRoute } from '@/routes/admin/users/administrators';
 import { index as lecturersRoute } from '@/routes/admin/users/lecturers';
 import { index as studentsRoute } from '@/routes/admin/users/students';
@@ -176,6 +182,26 @@ const data: {
                 },
             ],
         },
+        {
+            label: 'Pengaturan',
+            items: [
+                {
+                    name: 'Profil',
+                    url: profileRoute.url(),
+                    icon: UserCog,
+                },
+                {
+                    name: 'Kata Sandi',
+                    url: securityRoute.url(),
+                    icon: ShieldCheck,
+                },
+                {
+                    name: 'Tampilan',
+                    url: appearanceRoute.url(),
+                    icon: Palette,
+                },
+            ],
+        },
     ],
     navSecondary: [
         {