Component 0 - Copy this React, Mui Component to your project

Develop a responsive Sport Application with a modern and user friendly UI that allows users to search for and manage their favorite sports leagues. The application should support the following features: 📲 User Interface Requirements: User Registration A clean and intuitive form for new users to register. Include basic validation and confirmation feedback. User Login Secure login form with error handling for invalid credentials. League Listing by Country A dropdown or search bar to filter leagues based on selected country. Display league names in a well structured card or list format. League Details View On selecting a league, show detailed information (name, country, sport type, logo/image, etc.). Add to Favorites/Wishlist Allow users to add a league to their personal favorites or wishlist. Provide visual feedback (e.g., heart icon toggle). View Favorite Leagues Display all leagues saved by the user in a dedicated “Favorites” section. Responsive Design UI should work seamlessly on desktops, tablets, and mobile devices. Aesthetic & Usability Modern, visually appealing design with easy navigation. Use of appropriate spacing, colors, and UI elements for a smooth experience.