Replace dropdown select with interactive pill buttons for sport selection
- Added SportSelector component with icon-based visual buttons (desktop)
- Added MobileSportSelector component for mobile-optimized layout
- Added getSportIcon() function to map sport names to appropriate icons
- Improved visual feedback with emerald highlight on selection
- Better hover states and transitions for improved UX
- Works on both desktop and mobile views
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
91125e82f5