fix: Bei keinem Treffer zeigen, was ueberhaupt geladen wurde

N26 und Revolut sind bei Enable Banking abgedeckt – in 31 Laendern, unter
genau diesen Namen. Wer sie trotzdem nicht findet, bekommt die falsche Liste,
und der haeufigste Grund ist eine als Sandbox statt Production angelegte
Anwendung: Dann kommen Test-Institute, man sieht also Banken, nur nicht die
echten.

Bleibt die Suche ohne Treffer, stehen jetzt acht Beispiele aus der geladenen
Liste da. Sind das lauter Mock-Institute, ist die Ursache auf einen Blick zu
sehen statt nach Namensvarianten zu raten.

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

web/src/pages/settings/Bankanbindung.jsx

@@ -265,10 +265,27 @@ export default function Bankanbindung() {
               {banken.treffer.length === 0 ? (
                 // Der Unterschied zwischen „Liste kam leer" und „nichts passte"
                 // entscheidet, wo man den Fehler sucht.
-                <p className="muted small">
-                  {banken.gesamt === 0 ? t("bank.noneLoaded")
-                                       : t("bank.noMatch", { gesamt: banken.gesamt })}
-                </p>
+                <div className="alert" style={{ display: "block" }}>
+                  <p className="muted small" style={{ marginTop: 0 }}>
+                    {banken.gesamt === 0 ? t("bank.noneLoaded")
+                                         : t("bank.noMatch", { gesamt: banken.gesamt })}
+                  </p>
+                  {banken.gesamt > 0 && (
+                    <>
+                      {/* Eine Kostprobe der geladenen Liste. Stehen dort lauter
+                          Test-Institute, ist die Anwendung als Sandbox angelegt –
+                          das sieht man hier auf einen Blick. */}
+                      <p className="muted small" style={{ marginBottom: 2 }}>
+                        {t("bank.sampleTitle")}
+                      </p>
+                      <ul className="muted small selectable"
+                          style={{ paddingLeft: "1.2em", margin: 0 }}>
+                        {(banken.beispiele || []).map((n) => <li key={n}>{n}</li>)}
+                      </ul>
+                      <p className="muted small">{t("bank.sandboxHint")}</p>
+                    </>
+                  )}
+                </div>
               ) : (
                 <>
                   <p className="muted small">