Add typed shortcut hints in tooltips across navbar, search, and BetConfirmPattern

[greatest0fallt1me]

Description

This is a UI/UX issue surfacing keyboard shortcuts inside tooltips. The components/navbar/SearchInput.tsx should show "Cmd+K", BetConfirmPattern should show "Enter to confirm", and so on, rendered as styled <kbd> chips.

Requirements and Context

• New components/ui/kbd.tsx primitive
• Centralised shortcut map in lib/shortcuts.ts
• Tooltip respects OS (Cmd on macOS, Ctrl elsewhere)
• 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/kbd-shortcut-hints

2. Implement changes
   • Add components/ui/kbd.tsx, lib/shortcuts.ts
   • Edit components/navbar/SearchInput.tsx, components/patterns/BetConfirmPattern.tsx
3. Test and commit
   • Snapshot tests across macOS and Windows UA
   • Cover edge cases (touch devices hide hints)
   • Include test output and notes in the PR

Example commit message

feat: kbd shortcut hints in tooltips

Acceptance Criteria

• Kbd hints render with platform-correct labels
• Touch devices do not show hints
• All hints listed in a shortcuts reference page

Guidelines

• WCAG 2.1 AA, kbd semantics
• Clear documentation and inline comments
• Timeframe: 96 hours