rights system

frontend/src/pages/FahrzeugBuchungen.tsx

@@ -46,6 +46,7 @@ import {
 import DashboardLayout from '../components/dashboard/DashboardLayout';
 import ChatAwareFab from '../components/shared/ChatAwareFab';
 import { useAuth } from '../contexts/AuthContext';
+import { usePermissionContext } from '../contexts/PermissionContext';
 import { useNotification } from '../contexts/NotificationContext';
 import { bookingApi, fetchVehicles } from '../services/bookings';
 import type {
@@ -85,21 +86,17 @@ const EMPTY_FORM: CreateBuchungInput = {
   kontaktTelefon: '',
 };
 
-const WRITE_GROUPS = ['dashboard_admin', 'dashboard_fahrmeister', 'dashboard_moderator'];
-const MANAGE_ART_GROUPS = ['dashboard_admin', 'dashboard_moderator'];
-
 // ---------------------------------------------------------------------------
 // Main Page
 // ---------------------------------------------------------------------------
 
 function FahrzeugBuchungen() {
   const { user } = useAuth();
+  const { hasPermission } = usePermissionContext();
   const notification = useNotification();
-  const canCreate = !!user;  // All authenticated users can create bookings
-  const canWrite =
-    user?.groups?.some((g) => WRITE_GROUPS.includes(g)) ?? false;  // Can edit/cancel
-  const canChangeBuchungsArt =
-    user?.groups?.some((g) => MANAGE_ART_GROUPS.includes(g)) ?? false;  // Can change booking type
+  const canCreate = hasPermission('kalender:create_bookings');
+  const canWrite = hasPermission('kalender:edit_bookings');
+  const canChangeBuchungsArt = hasPermission('kalender:manage_categories');
 
   // ── Week navigation ────────────────────────────────────────────────────────
   const [currentWeekStart, setCurrentWeekStart] = useState<Date>(() =>