Add high-contrast theme variant honoring forced-colors and Windows High Contrast

[greatest0fallt1me]

Description

This is a UI/UX issue adding a high-contrast theme variant and ensuring forced-colors: active (Windows High Contrast) renders correctly across navbar, cards, and tables.

Requirements and Context

• Add @media (forced-colors: active) rules in app/globals.css
• Replace SVG-only icons with currentColor strokes where they convey meaning
• Add a Settings → Accessibility option for "Force high contrast"
• Must be secure, tested, and documented
• Should be efficient and easy to review

Suggested Execution

1. Fork the repo and create a branch

   git checkout -b feature/high-contrast-theme

2. Implement changes
   • Edit app/globals.css, tailwind.config.ts
   • Edit app/(dashboard)/settings/page.tsx
3. Test and commit
   • Test in Windows High Contrast Black and White
   • Cover edge cases (gradient backgrounds, badges)
   • Include test output and notes in the PR

Example commit message

feat: forced-colors high-contrast theme support

Acceptance Criteria

• All actionable elements have visible borders in forced-colors
• Status badges keep meaning without color
• Toggle persists per user

Guidelines

• WCAG 2.1 AA, forced-colors compatibility per CSS Color 4
• Clear documentation and inline comments
• Timeframe: 96 hours