Give the dashboard a more polished layout

[Commanderx-code]

📝 Change

Brings the Dashboard in line with the refreshed Settings page (#22). The change is visual only: no data, IDs, or behavior change.

• Welcome banner: a soft accent-colored glow behind the orbit, and slightly larger headline and body text.
• Stat cards: larger icon tiles (42px), a thin accent-tinted top edge, a subtle hover lift, and readable label, value, and subtitle sizes. The subtitles were 9px.
• Quick action tiles: each symbol sits in an accent-tinted tile, titles go from 10px to 13px and descriptions from 8px to 11px, and the hover/focus border uses the accent color.
• Lists: repository and "Needs attention" rows get a soft hover highlight.
• Panel headings:
  • Aligned consistently. The "Needs attention" and "Your quick actions" headings had an extra 16px bottom margin that pushed them out of line with their buttons.
  • "Your quick actions" gets a Shortcuts eyebrow like the other panels.
• Light theme: the violet, green, and amber stat icons and the "!" attention marks were very faint. They now use darker tones.

The CSS is one block at the end of src/styles.css, scoped to #dashboard-view. It uses the existing theme variables, so all accents and both themes work, with large-text variants and an rgba fallback for color-mix(). The only markup change is the eyebrow in src/preference-extras.js.

✅ Validation

• npm run check
• npm test: 78/78 pass.
• npm run test:rust: not run; there are no Rust changes.
• Checked in the browser preview: before and after screenshots in the dark and light themes.

🔎 Review notes

No new dependencies.

🤖 Generated with Claude Code

https://claude.ai/code/session_01BUhabxL4SPejg19jgbSyYN

---

Generated by Claude Code