Restyle UI with a channel-strip console look and brand icon

Adds a pink/purple/blue SVG brand mark (favicon + header) and reworks
the visual language around the app's actual interaction - fader-driven
device control - via LED-style indicators, mono instrument readouts,
hairline-framed cards, console-tab nav, and an oscilloscope-style
session timeline. Leaves components/ui/* untouched, restyling only via
design tokens and the app's own composed components. Also fixes a
proxy.ts matcher gap that was gating /icon.svg behind auth.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01W8WkFF5ppURBAB918593Eb

components/sessions/SessionsTable.tsx

@@ -68,8 +68,10 @@ export function SessionsTable({ sessions }: { sessions: SessionRow[] }) {
               <Badge variant={s.kind === "live" ? "default" : "secondary"}>{s.kind}</Badge>
             </TableCell>
             <TableCell className="text-muted-foreground">{s.status}</TableCell>
-            <TableCell className="text-muted-foreground">{new Date(s.startedAt).toLocaleString()}</TableCell>
-            <TableCell>{formatDuration(s.durationMs)}</TableCell>
+            <TableCell className="bp-readout text-muted-foreground">
+              {new Date(s.startedAt).toLocaleString()}
+            </TableCell>
+            <TableCell className="bp-readout">{formatDuration(s.durationMs)}</TableCell>
             <TableCell className="text-right">
               <Button variant="ghost" size="icon-sm" onClick={() => void handleDelete(s.id)} aria-label="Delete">
                 <Trash2 className="size-3.5" />