Add icon actions and collapsible filters to the project overview

The overview now uses the same icon buttons as the circuit list editor:
row actions are icon-only IconButtons (Pencil, Link2, Library, Trash2),
card-header and panel actions show icon plus text, and the circuit-list
link uses the new IconLink. The version history uses Undo2/Redo2, a
chevron toggle and a RotateCcw restore action. Page-header buttons stay
Bootstrap buttons with a lucide icon so the upcoming "Seitenansicht"
button of feature/print-view merges without conflicts and matches them.

The Verteilungen and Projektgeräte cards get a PM-style filter bar:
search plus MultiSelectDropdown (checkbox list with "Alle", closes on
outside click and Escape) and "Zurücksetzen" while a filter is active.
Only the bar collapses; the state is kept per card in localStorage and a
collapsed active filter shows "Filter aktiv". The header row shows
"x von y", and an empty-state row explains when filters hide everything.
The filter logic is a pure module (overview-filters.ts) with node tests;
selections that are no longer offered (deleted floor) are ignored.

IconButton now imports React explicitly like the other components that
are rendered in node tests with the classic JSX runtime.

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

src/frontend/components/project-version-history.tsx

@@ -28,6 +28,14 @@ import {
   getProjectSnapshotRevisionDescription,
   mergeProjectRevisionPages,
 } from "../utils/project-version-history";
+import {
+  ChevronDown,
+  ChevronUp,
+  Redo2,
+  RotateCcw,
+  Undo2,
+} from "lucide-react";
+import { IconButton, IconButtonSeparator } from "./icon-button";
 
 interface ProjectVersionHistoryProps {
   projectId: string;
@@ -234,50 +242,50 @@ export function ProjectVersionHistory({
           <span className="badge text-bg-secondary">
             Aktuelle Revision {currentRevision}
           </span>
-          <button
-            className="btn btn-sm btn-outline-secondary"
-            disabled={
-              isBusy ||
-              isHistoryLoading ||
-              !historyIsCurrent ||
-              !history?.undoDepth
-            }
-            onClick={() => void handleHistoryCommand("undo")}
-            title={
-              history?.undoDepth
-                ? `${history.undoDepth} Änderung(en) können rückgängig gemacht werden`
-                : "Keine Änderung zum Rückgängigmachen"
-            }
-            type="button"
-          >
-            Rückgängig
-          </button>
-          <button
-            className="btn btn-sm btn-outline-secondary"
-            disabled={
-              isBusy ||
-              isHistoryLoading ||
-              !historyIsCurrent ||
-              !history?.redoDepth
-            }
-            onClick={() => void handleHistoryCommand("redo")}
-            title={
-              history?.redoDepth
-                ? `${history.redoDepth} Änderung(en) können wiederholt werden`
-                : "Keine Änderung zum Wiederholen"
-            }
-            type="button"
-          >
-            Wiederholen
-          </button>
-          <button
-            aria-expanded={isOpen}
-            className="btn btn-sm btn-outline-secondary"
-            onClick={() => setIsOpen((current) => !current)}
-            type="button"
-          >
-            {isOpen ? "Ausblenden" : "Anzeigen"}
-          </button>
+          <div className="overview-actions">
+            <IconButton
+              disabled={
+                isBusy ||
+                isHistoryLoading ||
+                !historyIsCurrent ||
+                !history?.undoDepth
+              }
+              icon={Undo2}
+              label="Rückgängig"
+              onClick={() => void handleHistoryCommand("undo")}
+              showLabel
+              title={
+                history?.undoDepth
+                  ? `${history.undoDepth} Änderung(en) können rückgängig gemacht werden`
+                  : "Keine Änderung zum Rückgängigmachen"
+              }
+            />
+            <IconButton
+              disabled={
+                isBusy ||
+                isHistoryLoading ||
+                !historyIsCurrent ||
+                !history?.redoDepth
+              }
+              icon={Redo2}
+              label="Wiederholen"
+              onClick={() => void handleHistoryCommand("redo")}
+              showLabel
+              title={
+                history?.redoDepth
+                  ? `${history.redoDepth} Änderung(en) können wiederholt werden`
+                  : "Keine Änderung zum Wiederholen"
+              }
+            />
+            <IconButtonSeparator />
+            <IconButton
+              ariaExpanded={isOpen}
+              icon={isOpen ? ChevronUp : ChevronDown}
+              label={isOpen ? "Ausblenden" : "Anzeigen"}
+              onClick={() => setIsOpen((current) => !current)}
+              showLabel
+            />
+          </div>
         </div>
       </div>
       {error ? (
@@ -381,14 +389,15 @@ export function ProjectVersionHistory({
                     </td>
                     <td>{formatDateTime(snapshot.createdAtIso)}</td>
                     <td className="text-end">
-                      <button
-                        className="btn btn-sm btn-outline-danger"
-                        disabled={isBusy}
-                        onClick={() => setRestoreCandidate(snapshot)}
-                        type="button"
-                      >
-                        Wiederherstellen
-                      </button>
+                      <div className="overview-actions justify-content-end">
+                        <IconButton
+                          disabled={isBusy}
+                          icon={RotateCcw}
+                          label="Wiederherstellen"
+                          onClick={() => setRestoreCandidate(snapshot)}
+                          variant="danger"
+                        />
+                      </div>
                     </td>
                   </tr>
                 ))}