Monitoring Dashboard Component - Copy this Html, Bootstrap Component to your project

### Project Description Prompt **Project Title: Centralized Monitoring Dashboard for Azure/Entra App Registration Secrets** **Overview:** We aim to develop a web application using Python and Flask that serves as a centralized dashboard for monitoring app registration secrets from Microsoft Azure/Entra. The application will cater to multiple customers, allowing them to easily track and manage their app registrations securely. **Core Requirements:** 1. **User Authentication via Entra ID:** Implement a secure login page that allows users to authenticate using their Azure/Entra ID credentials. Ensure role based access control, enabling different functionalities based on user roles (e.g., admin, customer). 2. **Dashboard:** Design a Dashboard page that provides a summary of app registrations and secret statuses. Include quick access links and visual statistics to give an immediate overview. 3. **Customer Management:** Create a Customer Management page where admins can add, remove, and manage different customers linked to the application monitoring. Provide functionality to assign customers to specific app registrations. 4. **App Registrations Overview:** Develop an App Registrations page which lists all the registrations per customer, displaying essential information like app names, IDs, and tenant details. Implement filter and search options for ease of navigation. 5. **Secret Monitoring:** Build a Secret Management page to track all secrets associated with the app registrations, showing details like creation and expiration dates. Set up alert notifications for secrets nearing expiration for proactive management. 6. **Audit Log:** Implement an Audit Log page to track changes made to registrations and secrets, including a timestamp and user actions. Provide filtering options for date ranges and types of actions. 7. **Settings Configuration:** Develop a Settings page where users can manage notification preferences and application settings. Include options for configuring API integrations as needed. 8. **Help and Documentation:** Include a Help/Documentation page that provides user instructions, FAQs, and contact information for support. **Technical Stack:** **Frontend:** HTML, CSS, JavaScript (Frameworks as needed) **Backend:** Python, Flask **Authentication**: Microsoft Azure/Entra ID **Database:** MySQL **Additional Considerations:** Ensure a responsive design for accessibility across various devices. Implement robust security measures to protect sensitive data and ensure compliance with best practices.