2037222 - [meta] Homepage Sports Widget - Phase 2: Follow a team and View Schedule

Status: RESOLVED FIXED

(Firefox for Android :: Homepage, task)

Description

[[:skhan]]

Design: https://www.figma.com/design/Lmyd7U4KRQAsrhwrXQZ4mL/Mobile-Worldcup?node-id=985-431467&p=f&m=dev
Goals

• Team selection flow
  User is presented with the FollowTeamPromoCard prompting them to pick a team or skip. Tapping "Follow your team" opens the country selector bottom sheet. Teams are grouped by confederation with flag icons and
  FIFA country codes. The selected team shows a checkmark indicator and can be deselected by tapping again. Eliminated teams are greyed out. Selection is persisted across app restarts.

• "Following [Team]" card
  After a team is selected and the match schedule isn't fetched yet, the homepage displays the Following card: a SportCardHeader showing the selected team name and a flag, and description that states match info would be available soon
  When the schedule is fetched, a swipeable MatchCard
  carousel of upcoming and recent matches for that team. If no matches fall within the API window yet, a placeholder ("Check back for match schedule as tournament approaches") is shown instead.

• Skip flow
  If the user skips team selection, the widget displays the general next scheduled match from the API (no team filter applied). The user can change their team at any time via the 3-dot overflow menu.

• Widget overflow menu
  A 3-dot menu on the Following card exposes three actions: "Change team" (reopens the country selector), "Get custom wallpaper" (opens the relevant section in Settings), and "Remove" (dismisses the widget and
  disables it in Settings).

• Real API integration
  Replace MockSportsRepository with WorldCupApiRepository backed by /api/v1/worldcup/matches. Matches are fetched using the selected team's FIFA key as the teams filter. . . Network errors surface an error state with the reload button