phase5: workspace management UI in Settings → Rechte → Workspaces

frontend/src/pages/SettingsRechte.tsx

@@ -17,7 +17,8 @@ import { EmptyState } from '@/components/ui/EmptyState';
 import { useToast } from '@/components/ui/Toast';
 import { ConfirmDialog } from '@/components/ui/ConfirmDialog';
 import { apiDelete } from '@/api/client';
-import { Search, Trash2, Shield, Users, Share2, History } from 'lucide-react';
+import { Search, Trash2, Shield, Users, Share2, History, LayoutGrid } from 'lucide-react';
+import { WorkspaceManager } from '@/components/settings/WorkspaceManager';
 import clsx from 'clsx';
 
 // ─── Helpers ────────────────────────────────────────────────────────────────
@@ -372,6 +373,7 @@ export function SettingsRechtePage() {
     { key: 'rollen', label: 'Rollen', icon: Shield, permission: 'roles:read' },
     { key: 'gruppen', label: 'Gruppen', icon: Users, permission: 'groups:read' },
     { key: 'freigaben', label: 'Freigaben', icon: Share2, permission: 'settings:read' },
+    { key: 'workspaces', label: 'Workspaces', icon: LayoutGrid, permission: 'workspaces:read' },
     { key: 'audit', label: 'Audit', icon: History, permission: 'audit:read' },
   ].filter((tab) => hasPermission(tab.permission));
 
@@ -408,6 +410,7 @@ export function SettingsRechtePage() {
         {activeTab === 'rollen' && <SettingsRolesPage />}
         {activeTab === 'gruppen' && <SettingsGroupsPage />}
         {activeTab === 'freigaben' && <FreigabenTab />}
+        {activeTab === 'workspaces' && <WorkspaceManager />}
         {activeTab === 'audit' && <AuditTab />}
       </div>
     </div>