feat: Rueckgaengig gemachte Importe sammelweise entfernen

Die Aktionsspalte im Verlauf ist fest und war zu schmal fuer den
beschrifteten Knopf. Ausserdem sammeln sich nach einer Testreihe schnell
zwanzig rueckgaengig gemachte Eintraege – die einzeln wegzuklicken ist
Fleissarbeit. Neben der Ueberschrift steht jetzt ein Knopf, der alle auf
einmal entfernt; einzeln geht weiterhin.

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

web/src/pages/Import.jsx

@@ -206,6 +206,22 @@ export default function Import() {
     try { await api.removeImportBatch(b.id); loadStamm(); } catch (e) { toast(e.message, "error"); }
   }
 
+  // Nach einer Reihe von Versuchen stehen schnell zwanzig rueckgaengig gemachte
+  // Importe im Verlauf. Die einzeln wegzuklicken ist Fleissarbeit ohne Nutzen.
+  async function alleErledigtenEntfernen() {
+    const weg = batches.filter((b) => b.status === "undone");
+    if (!weg.length) return;
+    if (!(await confirm({
+      title: t("import.removeAllUndone"),
+      message: t("import.removeAllUndoneConfirm", { n: weg.length }),
+      danger: true, confirmLabel: t("common.delete"),
+    }))) return;
+    try {
+      for (const b of weg) await api.removeImportBatch(b.id);
+      loadStamm();
+    } catch (e) { toast(e.message, "error"); }
+  }
+
   async function undo(b) {
     if (!(await confirm({ title: t("import.undo"), message: t("import.undoConfirm", { file: b.filename }), danger: true, confirmLabel: t("import.undo") }))) return;
     try { await api.undoImportBatch(b.id); loadStamm(); } catch (e) { toast(e.message, "error"); }
@@ -336,7 +352,7 @@ export default function Import() {
       render: (b) => <span className="nowrap">{t("import.importedCount", { n: b.imported_count })}</span>,
     },
     {
-      key: "action", header: "", width: 168, fixed: true,
+      key: "action", header: "", width: 196, fixed: true,
       render: (b) => (b.status === "committed" ? (
         <button className="btn sm danger" onClick={() => undo(b)}>
           <Icon name="refresh-ccw" size={14} /> {t("import.undo")}
@@ -673,7 +689,15 @@ export default function Import() {
       {/* Verlauf */}
       {batches.length > 0 && (
         <div className="card">
-          <h2>{t("import.history")}</h2>
+          <div className="card-head">
+            <h2>{t("import.history")}</h2>
+            {batches.some((b) => b.status === "undone") && (
+              <button className="btn sm ghost" style={{ marginLeft: "auto" }} onClick={alleErledigtenEntfernen}>
+                <Icon name="trash" size={14} />{" "}
+                {t("import.removeAllUndone")} ({batches.filter((b) => b.status === "undone").length})
+              </button>
+            )}
+          </div>
           <DataTable
             id="import-history"
             rows={batches}