Add screen-reader live narration of bet placement steps in BetConfirmPattern

[greatest0fallt1me]

Description

This is a UI/UX issue making components/patterns/BetConfirmPattern.tsx fully narrated for assistive tech. Each step transition (review, sign, submit, confirm) updates a polite live region with plain-language status.

Requirements and Context

• Single aria-live="polite" region per flow, deduped messages
• Step changes also move focus to the new step heading
• Include error narration with concrete next step
• 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/bet-confirm-narration

2. Implement changes
   • Edit components/patterns/BetConfirmPattern.tsx
   • Add components/ui/live-region.tsx
3. Test and commit
   • VoiceOver test on macOS
   • Cover edge cases (wallet rejection, network failure)
   • Include test output and notes in the PR

Example commit message

feat: screen reader narration in bet confirm flow

Acceptance Criteria

• Each step change is announced once
• Errors include a recovery action
• Focus moves to active step heading

Guidelines

• WCAG 2.1 AA, 4.1.3 Status Messages
• Clear documentation and inline comments
• Timeframe: 96 hours

[jaynomyaro]

Hi! I’m a full-stack developer with a strong blockchain background. I’d love to handle this issue and can deliver a clean, reliable solution. Kindly assign it to me.