feat(zugaenge): Telegram-Session-Status im Reiter Recherche-Zugaenge

Der Reiter X-Recherche-Konten heisst jetzt Recherche-Zugaenge und zeigt
oben eine Telegram-Karte: Session gueltig/Problem, verbunden als, Stand.
Die Daten meldet der Monitor (Commit 7dae63e) in die geteilte Tabelle
system_status, das Portal liest nur an (GET /api/x-scraper/telegram-status,
tolerant wenn Tabelle/Eintrag fehlt). Migration fuer die
Portal-Staging-DB liegt bei. Promote-Reihenfolge: Monitor VOR Portal.

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

src/static/js/x-scraper.js

@@ -1,10 +1,11 @@
-/* X-Recherche-Konten: Verwaltung des twscrape-Account-Pools */
+/* Recherche-Zugänge: twscrape-Account-Pool (X) + Telegram-Session-Status */
 "use strict";
 
 let xScraperCache = [];
 
 async function loadXScraperAccounts() {
   setupXScraperForms();
+  loadTelegramStatus();
   const tbody = document.getElementById("xScraperTable");
   tbody.innerHTML = '<tr><td colspan="6" class="text-muted">Lade...</td></tr>';
   try {
@@ -15,6 +16,32 @@ async function loadXScraperAccounts() {
   }
 }
 
+// Telegram-Session-Status (vom Monitor in die geteilte DB gemeldet)
+async function loadTelegramStatus() {
+  const box = document.getElementById("telegramStatusBox");
+  if (!box) return;
+  try {
+    const st = await API.get("/api/x-scraper/telegram-status");
+    if (!st.available) {
+      box.innerHTML = '<span class="text-muted">Noch keine Statusmeldung vom Monitor vorhanden. '
+        + 'Der Monitor meldet den Status beim Start und täglich um 04:30 Uhr.</span>';
+      return;
+    }
+    const stand = `<span class="text-secondary" style="margin-left:10px;font-size:12px;">Stand ${formatDateTime(st.updated_at)}</span>`;
+    if (st.ok) {
+      box.innerHTML = `<span class="badge badge-active">Session gültig</span> `
+        + `<span style="margin-left:6px;">Verbunden${st.account ? " als " + esc(st.account) : ""}. `
+        + `Die Telegram-Anmeldung läuft nicht periodisch ab, hier ist normalerweise nichts zu tun.</span>${stand}`;
+    } else {
+      box.innerHTML = `<span class="badge badge-inactive">Problem</span> `
+        + `<span style="margin-left:6px;">${esc(st.error || "Session nicht autorisiert")}. `
+        + `Die Telegram-Recherche ist pausiert, bis auf dem Server neu eingeloggt wurde.</span>${stand}`;
+    }
+  } catch (err) {
+    box.innerHTML = '<span class="text-muted">Status konnte nicht geladen werden. ' + esc(err.message || "") + '</span>';
+  }
+}
+
 function renderXScraperAccounts(list) {
   const tbody = document.getElementById("xScraperTable");
   const cnt = document.getElementById("xScraperCount");