DataTable: neue Spalten ruecken in die gespeicherte Reihenfolge nach

Die Gruppen-Spalte fehlte im Spalten-Menue - aus zwei Gruenden, und der zweite
ist der ernstere.

1) order wurde EINMAL beim Mounten berechnet: gespeicherte Reihenfolge plus
alles, was zu dem Zeitpunkt in columns stand. Aendert eine Seite ihre Spalten
danach - die Artikelliste zeigt "Verwaltung" nur bei Gegenstaenden -, fehlt die
neue Spalte in order und faellt damit aus allOrdered heraus. Sie ist dann nicht
bloss aus dem Menue verschwunden, sondern aus der TABELLE. Ein useEffect zieht
fehlende Schluessel jetzt nach; angehaengt, nicht einsortiert, damit eine selbst
gewaehlte Reihenfolge nicht umspringt.

2) Die Liste im Menue war fest auf 240px begrenzt. Bei zehn Spalten stand der
letzte Eintrag ausserhalb, und weil macOS die Bildlaufleiste ausblendet, sah es
aus, als gaebe es ihn nicht. Die Hoehe richtet sich jetzt nach dem freien Platz
bis zum unteren Bildrand.

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

web/src/styles.css

@@ -646,7 +646,9 @@ td select { width: auto; min-width: 0; max-width: 100%; }
 }
 .dt-pop-search { width: 100%; margin: 0 0 var(--sp-2); padding: 5px 8px; font-size: 0.85rem; }
 .dt-pop-actions { display: flex; gap: var(--sp-3); margin-bottom: var(--sp-2); }
-.dt-pop-list { max-height: 240px; overflow-y: auto; display: flex; flex-direction: column; }
+/* Die Hoehe setzt DataTable je nach freiem Platz (siehe chooserPos); hier
+   nur der Notnagel, falls sie einmal fehlt. */
+.dt-pop-list { max-height: 60vh; overflow-y: auto; display: flex; flex-direction: column; }
 .dt-pop-opt { display: flex; align-items: center; gap: 8px; padding: 3px 4px; font-size: 0.85rem; cursor: pointer; margin: 0; }
 .dt-pop-opt:hover { background: var(--surface-2); }
 /* Ohne diese Ausnahme erben die Checkboxen die globale input-Regel (width:100%,