feat: Excel-artige DataTable (Spaltenbreite/Sortieren/Filtern) für alle Tabellen

- Portierte DataTable-Komponente (aus Vorrania): Spalten per Drag breiter ziehen
  und verschieben, Klick-Sortierung, Filterzeile je Spalte, Spalten ein-/ausblenden;
  Breiten/Reihenfolge/Filter pro Tabelle im Browser gemerkt (localStorage)
- Zu langer Zellinhalt wird mit „…" abgeschnitten (Titel bleibt sichtbar, Excel-artig)
- Umgestellt: Buchungen, Import-Prüfansicht (inkl. interaktiver Zellen), Import-
  Verlauf, Benutzer
- Neue Skeleton-Komponente für den Ladezustand

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

web/src/finance.css

@@ -581,6 +581,17 @@ tr.row-dup {
   margin-top: var(--sp-2);
 }
 
+/* DataTable-Zellen einzeilig halten, damit „…" greift (Excel-artig). */
+.datatable td { white-space: nowrap; vertical-align: middle; }
+.datatable td .named-text { min-width: 0; }
+/* Interaktive Zellen (Import-Prüfansicht) füllen ihre Spalte, statt auf 60% zu
+   schrumpfen (globale .table td select/input-Regel überschreiben). */
+.datatable td select,
+.datatable td input[inputmode],
+.datatable td input[type="text"] { max-width: none; width: 100%; }
+.datatable td .catsel { width: 100%; }
+.datatable td input[type="checkbox"] { width: auto; }
+
 /* ---------- Kategorie-Auswahl (auf-/zuklappbarer Baum, Ersatz für <select>) ---------- */
 .catsel {
   width: 100%;