Football Dashboard - Copy this Angular, Css Component to your project

I would like to design a responsive and interactive dashboard for a football application, including sections for Competitions, Clubs, and Players. The design should be colorful, vibrant, and modern, while maintaining a minimalistic and elegant look. The user interface should be intuitive and provide seamless navigation between different sections. The dashboard should feature a header and footer. The header should contain the app logo, navigation links (Competitions, Clubs, Players, Register, and Login), and a profile icon when logged in. The footer should include copyright information, links to terms of service, privacy policy, and contact details. The layout should be responsive, adapting to desktop, tablet, and mobile screen sizes. The application should retrieve data for competitions, clubs, and players from a backend service running on port 8082 (e.g., localhost:8082/api/v1/data/competitions). A login and register page should be implemented to allow user authentication. For registration, the endpoint localhost:8082/api/v1/auth/register should accept a POST request with the following JSON body: { "firstName": "example", "lastName": "example", "email": "example@gmail.com", "password": "12345678" }. After successful registration or login, the server will return a token that should be used for all subsequent API requests. An interceptor should be implemented to inject the Bearer token into the authorization header of all REST calls.