fix: Eingangsliste – Name bekommt Platz, Auswahl nicht mehr die ganze Zeile

Die Kategorie-Auswahl traegt "width: 100%". In einer Flex-Zeile heisst das
"ich haette gern die ganze Zeile", also blieb fuer den Namen daneben nur der
Rest – Buchungstexte brachen mitten im Wort um, waehrend das Auswahlfeld
uebertrieben breit dastand.

Jetzt hat die Auswahl in einer Listenzeile eine eigene Breite, die nur noch
schrumpfen darf, der Name nimmt den Rest, und die Betraege stehen in einer
Spalte statt ausgefranst. Auf dem Telefon rutschen Auswahl und Knoepfe unter
den Namen statt ihn zusammenzuquetschen; Datum und Kontoname bleiben dabei je
fuer sich unzertrennlich, damit "Revolut CHF" nicht umbricht – die Waehrung
im Namen unterscheidet die beiden Revolut-Konten.

Wirkt genauso auf die Seite "Ohne Kategorie", die dieselbe Zeile benutzt.

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

web/src/pages/Eingang.jsx

@@ -116,7 +116,12 @@ export default function Eingang() {
                   <div className="named-text grow">
                     <div><strong>{item.payee || t("inbox.noText")}</strong></div>
                     <div className="named-sub">
-                      {formatDate(item.date)} · {konto?.name || "—"}
+                      {/* Jede Angabe für sich unzertrennlich: Auf dem Telefon
+                          brach sonst „Revolut CHF" um oder wurde gekürzt – und
+                          genau die Währung im Namen unterscheidet die Konten. */}
+                      <span className="nowrap">{formatDate(item.date)}</span>
+                      {" · "}
+                      <span className="nowrap">{konto?.name || "—"}</span>
                       {item.source === "shortcut" && ` · ${t("inbox.viaShortcut")}`}
                       {item.source === "mail" && ` · ${t("inbox.viaMail")}`}
                       {item.status === "unclear" && ` · ${t("inbox.unclear")}`}