Give the repositories page a more polished layout

[Commanderx-code]

📝 Change

Brings the Repositories page in line with the refreshed Settings (#22) and Dashboard (#23) pages. The change is visual only: no Git behavior or data changes.

• State at a glance: each card gets an is-clean or needs-attention class. The only markup change is in src/app.js, and the class uses the existing needsAttention() check. It shows as a thin top edge: green for clean, amber for needs attention.
• Cards: a gentle hover or focus lift with an accent border, and the initials sit in an accent-tinted tile.
• Details: branch, commit, and group chips are pill-shaped. A favorited star turns gold (the light theme uses the darker warning tone).
• Actions: the card buttons get accent hover and focus states. Workspace gets an accent outline so the main action stands out.
• Toolbar: the search box and filter dropdowns get an accent focus ring.
• List layout:
  • The action column goes from 245px to 280px, so "Open editor" no longer wraps onto two lines (it did before this change).
  • The initials tile stays hidden in list view, as before.

The CSS is one block at the end of src/styles.css, scoped to #repositories-view. It uses the existing theme variables, works with every accent, both themes, and card/list layouts, and has an rgba fallback for color-mix(). The hover lift is turned off under prefers-reduced-motion, and the app's reduced-motion setting already disables transitions.

✅ 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 for dark cards, light cards, and dark list layout.

🔎 Review notes

No new dependencies.

🤖 Generated with Claude Code

https://claude.ai/code/session_01BUhabxL4SPejg19jgbSyYN

---

Generated by Claude Code