feat: 完成權限管理系統、統一頁面標題樣式與表格對齊規範

resources/js/Layouts/AuthenticatedLayout.tsx

@@ -13,7 +13,10 @@ import {
     FileText,
     LogOut,
     User,
-    ChevronDown
+    ChevronDown,
+    Settings,
+    Shield,
+    Users
 } from "lucide-react";
 import { toast, Toaster } from "sonner";
 import { useState, useEffect } from "react";
@@ -101,6 +104,25 @@ export default function AuthenticatedLayout({
                 },
             ],
         },
+        {
+            id: "system-management",
+            label: "系統管理",
+            icon: <Settings className="h-5 w-5" />,
+            children: [
+                {
+                    id: "user-management",
+                    label: "使用者管理",
+                    icon: <Users className="h-4 w-4" />,
+                    route: "/admin/users",
+                },
+                {
+                    id: "role-management",
+                    label: "角色與權限",
+                    icon: <Shield className="h-4 w-4" />,
+                    route: "/admin/roles",
+                },
+            ],
+        },
     ];
 
     // 初始化狀態：優先讀取 localStorage