Web: Chargenliste (mit Sammel-Lagerort) + Ladezustand auf allen Tabellen

Neue Seite "Chargen": alle Chargen ueber alle Artikel (Artikel, Menge, MHD,
Lagerort, eingelagert). Lagerort je Zeile direkt aenderbar; alle Chargen ohne
Ort per Klick zuweisbar (bulk-location) - gut, wenn der Lagerort erst spaeter
angelegt wurde.

DataTable bekommt einen loading-Prop: waehrend des Ladens steht "Wird geladen..."
statt der Leer-Meldung. Auf ALLEN Tabellen angewendet (Produkte, Mindestbestaende,
Kategorien, Gruppen, Einheiten, Gebinde, Einzelstuecke, Chargen).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

web/src/pages/ItemList.jsx

@@ -21,14 +21,16 @@ export default function ItemList() {
   const [shops, setShops] = useState([]);
   const [categories, setCategories] = useState([]);
   const [error, setError] = useState(null);
+  const [loading, setLoading] = useState(true);
 
   async function load() {
+    setLoading(true);
     try {
       const [is, ls, ss, cs] = await Promise.all([
         api.listAllItems(), api.listLocations(), api.listShops(), api.listCategories(),
       ]);
       setItems(is); setLocations(ls); setShops(ss); setCategories(cs);
-    } catch (err) { setError(err.message); }
+    } catch (err) { setError(err.message); } finally { setLoading(false); }
   }
   useEffect(() => { load(); }, []);
 
@@ -100,7 +102,7 @@ export default function ItemList() {
       </div>
       {error && <div className="alert error"><Icon name="alert" size={16} />{error}</div>}
       <div className="card">
-        <DataTable id="items" columns={columns} rows={items}
+        <DataTable id="items" columns={columns} rows={items} loading={loading}
           getRowKey={(it) => it.id} empty="Noch keine Einzelstücke." />
       </div>
     </div>