[frontend] Set up Storybook for component development

[Ehonrie]

Configure Storybook 8 for Next.js and add stories for all 17 reusable components.

What to do:

• Run npx storybook init in /frontend
• Configure addon-essentials, addon-a11y, addon-interactions
• Write at least one story per component using realistic mock data

Required stories:

• MarketCard: Open, Locked, Resolved states
• FighterCard: A side, B side
• MarketStatusBadge: all 5 status variants
• BettingInterface: Open market, Locked market (disabled)
• ClaimButton: Claim Winnings, Claim Refund, Already Claimed
• Toast: success, error, info
• All remaining components: at least 1 story each

Acceptance Criteria:

• npm run storybook starts without errors
• All 17 components have at least 1 story
• Stories render correctly with mock data
• No TypeScript errors in story files

[adefemiesther1-debug]

@adefemiesther1-debug has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

I will love to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @adefemiesther1-debug to this issue.

[drips-wave]

Congratulations, @adefemiesther1-debug! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on June 30, 2026.

🧑‍💻 @adefemiesther1-debug: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊