feat: panel UI'ını Tailwind v4 + shadcn/ui ile yeniden tasarla (Faz 4)

Elle yazılmış tek-dosya CSS (sabit koyu tema, ham table/button, window.confirm
ile silme onayı) yerine tutarlı bir bileşen sistemi: Card/Table/Badge/Button/
Input/Switch/AlertDialog primitifleri, Hanken Grotesk + JetBrains Mono
tipografi çifti, "broadcast/monitör" temalı özel bir renk paleti (camgöbeği
accent, ok/warn/err/live durum rengi sözlüğü). Tüm sayfalar (dashboard, kanal
detay, segmentler, ayarlar, istatistik, kullanıcılar, login) aynı oturumda
taşındı — silme onayları artık gerçek AlertDialog, native confirm() değil.

Veri akışı/server action'lar değişmedi, tamamen görsel katman.

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

apps/frontend/app/components/LiveLogViewer.tsx

@@ -34,18 +34,7 @@ export function LiveLogViewer({ sessionId }: { sessionId: string }) {
   return (
     <pre
       ref={boxRef}
-      className="mono"
-      style={{
-        maxHeight: "220px",
-        overflowY: "auto",
-        background: "var(--bg)",
-        border: "1px solid var(--border)",
-        borderRadius: "6px",
-        padding: "0.6rem 0.7rem",
-        fontSize: "0.7rem",
-        whiteSpace: "pre-wrap",
-        marginTop: "0.5rem",
-      }}
+      className="font-mono-num mt-3 max-h-56 overflow-y-auto rounded-md border border-border bg-background/60 p-3 text-[0.7rem] leading-relaxed whitespace-pre-wrap text-muted-foreground"
     >
       {lines.length > 0 ? lines.join("\n") : "Log bekleniyor…"}
     </pre>