As a user,I want to see the game through the input filter

Acceptance Criteria

• As a user, match schedule filter by status sports type.
• As a user, I can match sort by time.
• As a user, I can input search.
• As a user, I can click some details.
• As a user, I can adjust to phone.
• Schedule page detail page ralted js css html.

Task

• Implement a filter for schedules based on status and sports type.
• Add a sorting option to allow users to sort schedules by time.
• Create a search bar for users to input and search schedules.
• Design an interface for users to click on schedule details to navigate to the detail page.
• Create or update CSS files for styling both pages.
• Write necessary HTML templates for the schedule and detail pages.
• Add JavaScript for interactivity, such as filtering, sorting, and navigating to details.
• Develop a detailed page layout to display full information about a selected schedule.