Database Sync Dashboard - Copy this Html, Tailwind Component to your project

Create a dashboard for database synchronization with the following specifications: 1. Table 01Clienti (Customers): Number of local records Number of remote records Number of records to sync Last sync timestamp Next scheduled sync Sync status (In Progress / Completed / Error) Error details (if applicable) Sync progress percentage 2. Table 02Forniture (Supplies): Number of local records Number of remote records Number of records to sync Last sync timestamp Next scheduled sync Sync status (In Progress / Completed / Error) Error details (if applicable) Sync progress percentage 3. Table 03Contratti (Contracts): Number of local records Number of remote records Number of records to sync Last sync timestamp Next scheduled sync Sync status (In Progress / Completed / Error) Error details (if applicable) Sync progress percentage The dashboard should: Display real time synchronization status for each table Show a summary of total records synced across all tables Provide a detailed log of recent synchronization activities Allow manual triggering of synchronization for each table Offer filtering and search options for sync logs Implement an error management and notification system Display charts/graphs showing sync trends over time Allow setting and adjusting sync schedules Provide a way to pause/resume automatic synchronization Show network status and connection quality to remote database Additional features: User authentication and role based access control Dark/light mode toggle for user preference Export functionality for sync logs and statistics System health monitoring (CPU, memory usage during sync) Configurable alerts for sync issues or discrepancies Option to view and manage individual record sync status Ensure that the interface is intuitive, responsive, and follows UX/UI design best practices. The dashboard should provide a clear overview at a glance while allowing users to drill down into detailed information as needed.