Design: Bets / Active Bets Page

[greatest0fallt1me]

Description
Design the page that shows the user’s active bets and event-level summary (e.g. events table with odds, time remaining).

Requirements and context

• Elements: Events table (title, event ID, category, odds, dates, time remaining, status), search/filters, active bets component/section.
• States: With data; empty; loading.
• Theme: Consistent with Events and My Predictions (tables, badges).

Design deliverables

• Main layout with events table and active bets area
• Filter and search bar
• Empty state
• Responsive table (e.g. card layout on mobile)

Current implementation reference: app/(dashboard)/bets/page.tsx