feat(persoenliche-ausruestung): show catalog category, remove size/date columns, make zustand admin-configurable

frontend/src/components/dashboard/PersoenlicheAusruestungWidget.tsx

@@ -3,7 +3,7 @@ import CheckroomIcon from '@mui/icons-material/Checkroom';
 import { useQuery } from '@tanstack/react-query';
 import { useNavigate } from 'react-router-dom';
 import { personalEquipmentApi } from '../../services/personalEquipment';
-import { ZUSTAND_LABELS, ZUSTAND_COLORS } from '../../types/personalEquipment.types';
+import type { ZustandOption } from '../../types/personalEquipment.types';
 import { WidgetCard } from '../templates/WidgetCard';
 import { ItemListSkeleton } from '../templates/SkeletonPresets';
 
@@ -17,6 +17,15 @@ function PersoenlicheAusruestungWidget() {
     retry: 1,
   });
 
+  const { data: zustandOptions = [] } = useQuery<ZustandOption[]>({
+    queryKey: ['persoenliche-ausruestung', 'zustand-options'],
+    queryFn: () => personalEquipmentApi.getZustandOptions(),
+    staleTime: 5 * 60 * 1000,
+  });
+
+  const getZustandLabel = (key: string) => zustandOptions.find(o => o.key === key)?.label ?? key;
+  const getZustandColor = (key: string) => zustandOptions.find(o => o.key === key)?.color ?? 'default';
+
   const displayItems = (items ?? []).slice(0, 5);
 
   return (
@@ -43,13 +52,13 @@ function PersoenlicheAusruestungWidget() {
           <ListItem key={item.id} disablePadding sx={{ py: 0.5 }}>
             <ListItemText
               primary={item.bezeichnung}
-              secondary={[item.kategorie, item.groesse].filter(Boolean).join(' · ') || undefined}
+              secondary={item.artikel_kategorie_name ?? item.kategorie ?? undefined}
               primaryTypographyProps={{ variant: 'body2', noWrap: true }}
               secondaryTypographyProps={{ variant: 'caption' }}
             />
             <Chip
-              label={ZUSTAND_LABELS[item.zustand]}
-              color={ZUSTAND_COLORS[item.zustand]}
+              label={getZustandLabel(item.zustand)}
+              color={getZustandColor(item.zustand) as any}
               size="small"
               variant="outlined"
               sx={{ ml: 1, flexShrink: 0 }}