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/Units.jsx

@@ -12,12 +12,16 @@ export default function Units() {
   const [units, setUnits] = useState([]);
   const [form, setForm] = useState({ name: "", kind: "weight", factor: "" });
   const [error, setError] = useState(null);
+  const [loading, setLoading] = useState(true);
 
   async function load() {
+    setLoading(true);
     try {
       setUnits(await api.listUnits());
     } catch (err) {
       setError(err.message);
+    } finally {
+      setLoading(false);
     }
   }
 
@@ -87,7 +91,7 @@ export default function Units() {
 
       <div className="grid-2 wide-aside">
         <div className="card">
-          <DataTable id="units" columns={columns} rows={units}
+          <DataTable id="units" columns={columns} rows={units} loading={loading}
             getRowKey={(u) => u.id} empty="Noch keine Einheiten." />
         </div>