fix: Herkunft als Pille im vorhandenen Badge-Stil

Der Kasten in Titelgroesse war zu laut fuer eine Angabe, die nur eine
Rueckfrage beantwortet. Statt einen zweiten Stil zu erfinden, nimmt sie jetzt
".badge" – dieselbe Pille wie ueberall sonst im Projekt: abgerundet, weich
gefuellt, 11 statt 14 Punkt.

In der Datei steht nur noch, wie sie sich in der Titelzeile verhaelt: nicht
schrumpfen, nicht umbrechen. Eng wird zuerst der Titel, denn ein halbes
"Datei-Imp…" nuetzt niemandem.

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

web/src/finance.css

@@ -1328,12 +1328,11 @@ tr.row-dup {
 .titelzeile > .ellipsis {
   min-width: 0;
 }
+/* Aussehen kommt von `.badge` – dieselbe Pille wie überall sonst. Hier steht
+   nur, wie sie sich in der Titelzeile verhält: nicht schrumpfen, nicht
+   umbrechen. Eng wird zuerst der Titel, denn ein halbes „Datei-Imp…" nützt
+   niemandem, ein gekürzter Titel bleibt lesbar. */
 .herkunft {
   flex: 0 0 auto;
-  padding: 0 6px;
-  border: 1px solid var(--border-strong);
-  border-radius: var(--radius-sm);
-  font-size: inherit;
-  color: var(--muted);
   white-space: nowrap;
 }

web/src/pages/Transactions.jsx

@@ -266,7 +266,7 @@ export default function Transactions() {
                   stapeln macht die Zeilen hoch und den Blick eng. */}
               <div className="titelzeile">
                 <span className="ellipsis">{l.title}</span>
-                <span className="herkunft">{t(`todo.from.${tx.herkunft}`, {
+                <span className="badge herkunft">{t(`todo.from.${tx.herkunft}`, {
                   defaultValue: tx.herkunft,
                 })}</span>
               </div>