shadcn to a working point

[KIvanow]

Summary

Fixed Shadcn setup/init. This is a PR with 2 branches following on it and merging to it

1. Updating the UI to use our website palette
2. Adding dark mode to be kind to all devs

Checklist

- [ ] Unit / integration tests added N/A
- [ ] Docs added / updated

• Roborev review passed — run roborev review --branch or /roborev-review-branch in Claude Code (internal)
  - [ ] Competitive analysis done / discussed (internal)
  - [ ] Blog post about it discussed (internal)

---

Note

Medium Risk
Introduces new theme persistence and pre-paint dark-mode handling, plus refactors key UI flows (connection dialogs/selects) onto new shadcn/radix primitives; regressions would mainly be in client-side UI state, styling, and accessibility.

Overview
Adds a shadcn-based UI foundation: new components.json, new shadcn/radix primitives (button, dialog, select, switch, alert), updated dependencies (Radix, Inter font, animations), and a new tokenized theme in index.css (including chart color variables).

Implements dark mode support with a new useTheme hook (localStorage + system preference listener), a sidebar ModeToggle, and an index.html inline script to apply the dark class before first paint.

Refactors ConnectionSelector to use shadcn Select/Dialog components and resets form + test state on dialog close; adds targeted tests for the cancel/reset behavior and theme toggle/hook behavior. Large-scale UI color/styling updates replace hardcoded grays/blues/reds with semantic Tailwind tokens (primary, muted, destructive) and CSS variables across dashboards, cluster views, migration, and webhooks.

^{Written by Cursor Bugbot for commit 2b60599. This will update automatically on new commits. Configure here.}

[cursor]

Cursor Bugbot has reviewed your changes and found 1 potential issue.

^{Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

[cursor]

Redis and Unknown badges now visually identical

Medium Severity

The DbBadge component's ternary for colorClass now produces the same value 'bg-muted text-foreground' for both the redis and fallback (Unknown) branches. Previously Redis had a distinct red badge (bg-red-100 text-red-700) while Unknown had gray (bg-gray-100 text-gray-700). Users can no longer visually distinguish Redis databases from unknown database types in the migration summary view.