Create User-Friendly Error Popups

[qisforq]

Objective:

Improve the user experience by displaying informative error popups when data fails to load on the dashboard.

Tasks:

• [ ] Identify the potential scenarios where data loading errors can occur, such as missing data or API request failures.
• [ ] Design user-friendly error popup components that clearly communicate the issue to the user.
• [ ] Implement error handling logic in the dashboard components to detect data loading failures.
• [ ] When an error occurs, display the appropriate error popup with a clear message and any relevant details.
• [ ] Provide options within the error popup for the user to retry loading the data or navigate to an alternative view.
• [ ] Ensure that the error popups are dismissible and do not obstruct the user's interaction with the rest of the dashboard.
• [ ] Test the error handling mechanism by simulating different error scenarios and verifying that the popups are displayed correctly.

[chef-louis]

• Added error component to replace dashboard view when there are global fetch errors
• Added error messages within specific components for when subsets of data are missing
• Replaced Season Highlight dummy data with fetched data from backend

[qisforq]

@chef-louis New Tasks:

• [x] Change to friendlier messaging for "no data" messages, change font color to gray
• [x] Add date to X-Axis in Trend Chart
• [x] Display "no date" warning when trend chart has only 1 data point
• [x] Add error handling for missing weather data in "Match Summary" component