Status-Anzeige robust gegen leere/lahmende Verlauf-Query

Der aktuelle Projektstatus hing allein an der statusHistory-Query. Kam
die beim Laden mal leer oder fehlerhaft zurück, stand fälschlich "Noch
kein Status gesetzt", obwohl der statusCache (aus demselben byId-Load)
den Status hatte. Jetzt: Verlauf vorhanden -> volle Anzeige; sonst
Fallback auf statusCache-Badge; "Noch kein Status" nur wenn die Query
erfolgreich leer ist. Zusätzlich Lade-/Fehlerzustand.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

apps/web/src/routes/projekt.tsx

@@ -774,9 +774,7 @@ function StatusSection({
           </form>
         )}
 
-        {!latest ? (
-          <p className="text-sm text-[var(--color-ink-muted)]">Noch kein Status gesetzt.</p>
-        ) : (
+        {latest ? (
           <div className="text-sm">
             <div className="flex items-center gap-2">
               <span className={clsx('rounded-full px-2 py-0.5 text-xs font-medium', ampelCls[latest.ampel])}>
@@ -793,6 +791,21 @@ function StatusSection({
             </div>
             {latest.text && <p className="mt-1.5 whitespace-pre-wrap">{latest.text}</p>}
           </div>
+        ) : ampel ? (
+          // Verlauf-Query noch nicht da / fehlgeschlagen → zumindest den aktuellen
+          // Status aus dem statusCache zeigen, statt fälschlich „kein Status".
+          <div className="flex items-center gap-2 text-sm">
+            <span className={clsx('rounded-full px-2 py-0.5 text-xs font-medium', ampelCls[ampel])}>
+              {ampelLabel[ampel]}
+            </span>
+            {trend && <span className="text-xs text-[var(--color-ink-muted)]">Trend: {trend}</span>}
+          </div>
+        ) : histQ.isPending ? (
+          <p className="text-sm text-[var(--color-ink-faint)]">Status wird geladen…</p>
+        ) : histQ.isError ? (
+          <p className="text-sm text-[var(--color-ink-muted)]">Status konnte nicht geladen werden.</p>
+        ) : (
+          <p className="text-sm text-[var(--color-ink-muted)]">Noch kein Status gesetzt.</p>
         )}
 
         {history.length > 1 && (