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

frontend/src/pages/PersoenlicheAusruestungEdit.tsx

@@ -21,14 +21,11 @@ import { membersService } from '../services/members';
 import { usePermissionContext } from '../contexts/PermissionContext';
 import { useNotification } from '../contexts/NotificationContext';
 import { PageHeader } from '../components/templates';
-import { ZUSTAND_LABELS } from '../types/personalEquipment.types';
 import type {
-  PersoenlicheAusruestungZustand,
+  ZustandOption,
   UpdatePersoenlicheAusruestungPayload,
 } from '../types/personalEquipment.types';
 
-const ZUSTAND_OPTIONS = Object.entries(ZUSTAND_LABELS) as [PersoenlicheAusruestungZustand, string][];
-
 interface EigenschaftRow {
   id?: number;
   eigenschaft_id?: number | null;
@@ -72,14 +69,19 @@ export default function PersoenlicheAusruestungEdit() {
     staleTime: 5 * 60 * 1000,
   });
 
+  const { data: zustandOptions = [] } = useQuery<ZustandOption[]>({
+    queryKey: ['persoenliche-ausruestung', 'zustand-options'],
+    queryFn: () => personalEquipmentApi.getZustandOptions(),
+    staleTime: 5 * 60 * 1000,
+  });
+
   const [catalogEigenschaftValues, setCatalogEigenschaftValues] = useState<Record<number, string>>({});
 
   // Form state
   const [bezeichnung, setBezeichnung] = useState('');
   const [seriennummer, setSeriennummer] = useState('');
   const [inventarnummer, setInventarnummer] = useState('');
-  const [anschaffungDatum, setAnschaffungDatum] = useState('');
-  const [zustand, setZustand] = useState<PersoenlicheAusruestungZustand>('gut');
+  const [zustand, setZustand] = useState('gut');
   const [notizen, setNotizen] = useState('');
   const [userId, setUserId] = useState<{ id: string; name: string } | null>(null);
   const [eigenschaften, setEigenschaften] = useState<EigenschaftRow[]>([]);
@@ -90,7 +92,6 @@ export default function PersoenlicheAusruestungEdit() {
     setBezeichnung(item.bezeichnung);
     setSeriennummer(item.seriennummer ?? '');
     setInventarnummer(item.inventarnummer ?? '');
-    setAnschaffungDatum(item.anschaffung_datum ? item.anschaffung_datum.split('T')[0] : '');
     setZustand(item.zustand);
     setNotizen(item.notizen ?? '');
     if (item.eigenschaften) {
@@ -139,7 +140,6 @@ export default function PersoenlicheAusruestungEdit() {
       groesse: null,
       seriennummer: seriennummer || null,
       inventarnummer: inventarnummer || null,
-      anschaffung_datum: anschaffungDatum || null,
       zustand,
       notizen: notizen || null,
       eigenschaften: item.artikel_id
@@ -231,24 +231,15 @@ export default function PersoenlicheAusruestungEdit() {
             onChange={(e) => setInventarnummer(e.target.value)}
           />
 
-          <TextField
-            label="Anschaffungsdatum"
-            type="date"
-            size="small"
-            value={anschaffungDatum}
-            onChange={(e) => setAnschaffungDatum(e.target.value)}
-            InputLabelProps={{ shrink: true }}
-          />
-
           <TextField
             label="Zustand"
             select
             size="small"
             value={zustand}
-            onChange={(e) => setZustand(e.target.value as PersoenlicheAusruestungZustand)}
+            onChange={(e) => setZustand(e.target.value)}
           >
-            {ZUSTAND_OPTIONS.map(([key, label]) => (
-              <MenuItem key={key} value={key}>{label}</MenuItem>
+            {zustandOptions.map((opt) => (
+              <MenuItem key={opt.key} value={opt.key}>{opt.label}</MenuItem>
             ))}
           </TextField>