Add a keyboard-shortcuts help overlay opened with the ? key

[mikewheeleer]

Add a keyboard-shortcuts help overlay opened with the ? key

Description

The dashboard is keyboard-driven but offers no discoverable list of shortcuts. This issue adds a lightweight help overlay, opened by pressing ? (Shift+/) and closed with Escape, that lists the app's keyboard affordances (navigation links, the command palette, refresh, etc.) so operators can learn them without leaving the page.

Requirements and context

• Repository scope: StableRoute-Org/Stableroute-frontend only.
• Register a global keydown listener that opens the overlay on ?, ignoring the keystroke when focus is in an input, textarea, or contenteditable.
• Render the overlay as a role="dialog" aria-modal="true" with an accessible name; close on Escape and on overlay/backdrop click.
• Mount it once from the shared layout in src/app/layout.tsx so it is available on every route; keep the shortcut list data-driven.

Suggested execution

• Fork the repo and create a branch
• git checkout -b feature/navigation-shortcuts-help-overlay
• Implement changes
  • Write code in: a new src/components/ShortcutsHelp.tsx mounted from src/app/layout.tsx.
  • Write comprehensive tests in: src/components/__tests__/ShortcutsHelp.test.tsx — opens on ?, ignores ? while typing in a field, closes on Escape, and exposes a dialog name.
  • Add documentation: list the shortcut in README.md.
  • Validate accessibility: modal semantics and Escape-to-close.
• Test and commit

Test and commit

• Run npm run lint, npm test, and npm run build.

Example commit message

feat: add keyboard-shortcuts help overlay opened with the ? key

Guidelines

• Minimum 95 percent test coverage for impacted modules.
• Clear, reviewer-focused documentation.
• Timeframe: 96 hours.

Community & contribution rewards

• 💬 Join the StableRoute community on Discord for questions, reviews, and faster merges: https://discord.gg/37aCpusvx
• ⭐ This is a GrantFox OSS / Official Campaign task and may be rewarded. When your PR is merged you'll be prompted to rate the project — if this issue and the maintainers helped you ship, we'd be grateful for a 5-star rating. Clear questions in Discord and tidy, well-tested PRs are the fastest path to a merge and a reward.

[gloskull]

Hi, I’d love to work on this issue. I have 4 years of experience across backend, frontend, full-stack, and smart contract development. I understand the task clearly and can deliver a clean, efficient, well-tested solution on time, with strong focus on code quality and maintainability. My PR will be submitted in under 10 hours.

[YfengJ]

Hi maintainers, I would like to apply for this issue if it is still available.

If assigned, I will keep the PR focused on the keyboard-shortcuts help overlay only: add a global ? shortcut that ignores editable fields, render an accessible dialog with Escape/backdrop close, mount it from the shared layout, list the existing keyboard affordances from a typed/static source, and add focused tests for open/close and input-focus guard behavior.

I will wait for assignment or explicit confirmation before opening a PR.