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/recordings/RecordingsTable.tsx

@@ -64,11 +64,13 @@ export function RecordingsTable({ recordings }: { recordings: RecordingRow[] })
                 {r.name}
               </Link>
             </TableCell>
-            <TableCell>{formatDuration(r.durationMs)}</TableCell>
+            <TableCell className="bp-readout">{formatDuration(r.durationMs)}</TableCell>
             <TableCell>
-              <Badge variant="secondary">{r.playCount}</Badge>
+              <Badge variant="secondary" className="bp-readout">
+                {r.playCount}
+              </Badge>
             </TableCell>
-            <TableCell className="text-muted-foreground">
+            <TableCell className="bp-readout text-muted-foreground">
               {r.lastPlayedAt ? new Date(r.lastPlayedAt).toLocaleString() : "Never"}
             </TableCell>
             <TableCell className="flex justify-end gap-1">