eat(ausruestung): allow create role to view full list, add Mitglieder pagination, add admin reset for persoenliche Ausruestung

frontend/src/pages/PersoenlicheAusruestung.tsx

@@ -37,6 +37,7 @@ function PersoenlicheAusruestungPage() {
 
   const canViewAll = hasPermission('persoenliche_ausruestung:view_all');
   const canCreate = hasPermission('persoenliche_ausruestung:create');
+  const canSeeAll = canViewAll || canCreate;
   const canApprove = hasPermission('ausruestungsanfrage:approve');
 
   const [activeTab, setActiveTab] = useState(0);
@@ -47,7 +48,7 @@ function PersoenlicheAusruestungPage() {
   // Data queries
   const { data: items, isLoading } = useQuery({
     queryKey: ['persoenliche-ausruestung', 'all'],
-    queryFn: () => canViewAll ? personalEquipmentApi.getAll() : personalEquipmentApi.getMy(),
+    queryFn: () => canSeeAll ? personalEquipmentApi.getAll() : personalEquipmentApi.getMy(),
     staleTime: 2 * 60 * 1000,
   });
 
@@ -55,7 +56,7 @@ function PersoenlicheAusruestungPage() {
     queryKey: ['members-list-compact'],
     queryFn: () => membersService.getMembers({ pageSize: 500 }),
     staleTime: 5 * 60 * 1000,
-    enabled: canViewAll,
+    enabled: canSeeAll,
   });
 
   const { data: unassignedPositions, isLoading: unassignedLoading } = useQuery({
@@ -129,7 +130,7 @@ function PersoenlicheAusruestungPage() {
                   <MenuItem key={key} value={key}>{label}</MenuItem>
                 ))}
               </TextField>
-              {canViewAll && (
+              {canSeeAll && (
                 <Autocomplete
                   size="small"
                   options={memberOptions}
@@ -176,7 +177,7 @@ function PersoenlicheAusruestungPage() {
                   <tr>
                     <th>Bezeichnung</th>
                     <th>Kategorie</th>
-                    {canViewAll && <th>Benutzer</th>}
+                    {canSeeAll && <th>Benutzer</th>}
                     <th>Größe</th>
                     <th>Zustand</th>
                     <th>Anschaffung</th>
@@ -185,7 +186,7 @@ function PersoenlicheAusruestungPage() {
                 <tbody>
                   {isLoading ? (
                     <tr>
-                      <td colSpan={canViewAll ? 6 : 5}>
+                      <td colSpan={canSeeAll ? 6 : 5}>
                         <Typography color="text.secondary" sx={{ py: 4, textAlign: 'center' }}>
                           Lade Daten…
                         </Typography>
@@ -193,7 +194,7 @@ function PersoenlicheAusruestungPage() {
                     </tr>
                   ) : filtered.length === 0 ? (
                     <tr>
-                      <td colSpan={canViewAll ? 6 : 5}>
+                      <td colSpan={canSeeAll ? 6 : 5}>
                         <Box sx={{ display: 'flex', flexDirection: 'column', alignItems: 'center', py: 6 }}>
                           <CheckroomIcon sx={{ fontSize: 48, color: 'text.disabled', mb: 1 }} />
                           <Typography color="text.secondary">
@@ -231,7 +232,7 @@ function PersoenlicheAusruestungPage() {
                         <td>
                           <Typography variant="body2">{item.kategorie ?? '—'}</Typography>
                         </td>
-                        {canViewAll && (
+                        {canSeeAll && (
                           <td>
                             <Typography variant="body2">
                               {item.user_display_name ?? item.benutzer_name ?? '—'}