[Frontend] — ENHANCEMENT: Add Creator Event Detail Page at `/creator-events/[id]`

[Olowodarey]

Detailed view of a specific creator event showing all matches, participants, and allowing users to join and make predictions.

Required Features

1. Event Header:

   • Event title and description
   • Creator address with copy button
   • Event status badge
   • Participant count (X / Max)
   • Created date
   • Invite code display (if user is creator)

2. Tabs:

   • Matches — list all matches with:
     • Team A vs Team B
     • Match time
     • Result status (Pending, Completed)
     • Winning team (if resolved)
     • "Predict" button (if user joined and match not started)
   • Participants — list all joined users with:
     • Wallet address
     • Join date
     • Current score (correct predictions / total matches)
   • Leaderboard — show winners (users with perfect predictions):
     • Rank
     • User address
     • Score
     • Completion time

3. Action Buttons (conditional):

   • Not Joined: "Join Event" button (requires invite code input if not in URL)
   • Joined: "Make Predictions" button
   • Creator Only: "Add Match", "Cancel Event" buttons
   • All Matches Resolved: "Verify Winners" button (anyone can call)

4. Event Stats Card:

   • Total matches
   • Matches resolved
   • Total predictions submitted
   • Winners verified (yes/no)

Files to create:

• frontend/src/app/(authenticated)/creator-events/[id]/page.tsx
• frontend/src/component/creator-events/EventHeader.tsx
• frontend/src/component/creator-events/MatchList.tsx
• frontend/src/component/creator-events/ParticipantList.tsx
• frontend/src/component/creator-events/EventLeaderboard.tsx

[kitWarse]

@kitWarse has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Pls I want to work on it

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

[drips-wave]

Congratulations, @kitWarse! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on June 2, 2026.

🧑‍💻 @kitWarse: 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 🌊