farther debugging for users

frontend/src/contexts/AuthContext.tsx

@@ -129,8 +129,17 @@ export const AuthProvider: React.FC<AuthProviderProps> = ({ children }) => {
   };
 
   const hasRole = (roles: string[]): boolean => {
-    if (!user) return false;
-    return roles.includes(user.role);
+    console.log('🔐 Checking roles - User:', user, 'Required roles:', roles);
+    
+    if (!user) {
+      console.log('❌ No user found');
+      return false;
+    }
+    
+    const hasRequiredRole = roles.includes(user.role);
+    console.log('✅ User role:', user.role, 'Has required role:', hasRequiredRole);
+    
+    return hasRequiredRole;
   };
 
   useEffect(() => {

frontend/src/pages/Employees/EmployeeManagement.tsx

@@ -25,19 +25,19 @@ const EmployeeManagement: React.FC = () => {
   const loadEmployees = async () => {
     try {
       setLoading(true);
-      console.log('Fetching fresh employee list');
+      console.log('🔄 Loading employees...');
       
       // Add cache-busting parameter to prevent browser caching
       const data = await employeeService.getEmployees();
-      console.log('Received employees:', data.length);
+      console.log('✅ Employees loaded:', data);
       
       setEmployees(data);
     } catch (err: any) {
-      console.error('Error loading employees:', err);
+      console.error('❌ Error loading employees:', err);
       showNotification({
         type: 'error',
         title: 'Fehler',
-        message: 'Mitarbeiter konnten nicht geladen werden'
+        message: 'Mitarbeiter konnten nicht geladen werden: ' + err.message
       });
     } finally {
       setLoading(false);

frontend/src/services/employeeService.ts

@@ -13,15 +13,27 @@ const getAuthHeaders = () => {
 
 export class EmployeeService {
   async getEmployees(): Promise<Employee[]> {
+    console.log('🔄 Fetching employees from API...');
+    
+    const token = localStorage.getItem('token');
+    console.log('🔑 Token exists:', !!token);
+    
     const response = await fetch(`${API_BASE_URL}/employees`, {
       headers: getAuthHeaders(),
     });
     
+    console.log('📡 Response status:', response.status);
+    
     if (!response.ok) {
+      const errorText = await response.text();
+      console.error('❌ API Error:', errorText);
       throw new Error('Failed to fetch employees');
     }
     
-    return response.json();
+    const employees = await response.json();
+    console.log('✅ Employees received:', employees.length);
+    
+    return employees;
   }
 
   async getEmployee(id: string): Promise<Employee> {