cleanup(ui): centralize duplicate badge colors and align Helm wizard with brand

[nadaverell]

Summary

Three buckets of design-system cleanup driven by an audit against DESIGN.md. All token / centralization changes; no behavior changes.

Mechanical centralization (no visual change).

• CAPACITY_TYPE_BADGE moved from resource-utils-karpenter.ts into badge-colors.ts alongside the other shared palettes (EVENT_TYPE_COLORS, BP_CATEGORY_BADGE, VULN_SEVERITY_BADGE, …). Added NODEPOOL_MODE_BADGE for the AKS System/User pattern that was hand-rolled in two places. Five inline-duplicated badge strings across AzureManagedMachinePoolRenderer, AWSManagedMachinePoolRenderer, azure-capi-cells, aws-capi-cells, karpenter-cells, and KarpenterNodeClaimRenderer now reference the shared constants.
• Replaced template-literal Tailwind class construction (`bg-amber-500${opacity}`) in TimelineSwimlanes and timeline/shared with explicit static strings so the Tailwind scanner can see them. Same runtime output.

Helm wizard brand alignment (visual fix). InstallWizard.tsx and ChartBrowser.tsx were the largest concentration of raw bg-blue-* / text-blue-* violations — generic Tailwind #3B82F6, noticeably different from the app's brand accent (#4A7CC9 light / #6A9FE0 dark, used in 28 other files via .btn-brand / bg-accent / text-accent-text). Converted active step pills, hyperlinks, focus rings, checkbox accents, decorative icons, and the standalone "Ready to install" info banners to the accent tokens. Replaced bg-white/10 chart-logo backdrops with bg-theme-elevated (works in both modes; the original was effectively invisible in light mode).

Deliberately preserved deviations. Three blue usages in InstallWizard.tsx are intentionally kept raw: the values diff hunk header (paired with bg-green-500/10 add and bg-red-500/10 remove rows) and the install progress panel + spinner (paired with bg-green-500/10 complete and bg-red-500/10 error). In each case blue is part of a categorical/status triple — converting just the blue would break the semantic set.

Test plan

• make tsc (passes locally)
• Open the Helm install wizard — active step, focus rings, checkboxes, info banners, links should now match the rest of the app's brand blue
• Verify Helm install in-progress panel still shows blue (paired with green/red on complete/error)
• Open a Karpenter NodeClaim, AKS Managed Machine Pool, EKS Managed Machine Pool — capacity-type and mode badges render unchanged
• Open the timeline — event marker dots render unchanged for both live (solid) and historical (dimmed) states

---

Note

Low Risk
Primarily mechanical styling/token refactors with limited surface area outside UI appearance; main risk is minor visual regressions from class name changes.

Overview
Centralizes badge styling by adding shared constants in badge-colors.ts (CAPACITY_TYPE_BADGE, NODEPOOL_MODE_BADGE, BADGE_INACTIVE) and updating many K8s resource renderers/table cells to consume them instead of inlined Tailwind class strings.

Makes timeline marker coloring Tailwind-safe by replacing template-literal class construction with explicit bg-*/50 class strings in timeline components.

Aligns Helm Chart Browser/Install Wizard with the app accent theme by swapping blue-* focus/selection/link/icon styles (and logo backdrops) to accent tokens for consistent branding.

^{Reviewed by Cursor Bugbot for commit 2eca377. Bugbot is set up for automated code reviews on this repo. Configure here.}