Data Provider Dashboard - Copy this React, Tailwind Component to your project

Data Provider Dashboard Wireframe: 1. Header: - Logo (top left) - Provider name and profile picture (top right) - Notifications icon (top right) - Logout button (top right) 2. Left Sidebar Navigation: - Dashboard Overview - My Products - Analytics - Earnings - Account Settings - Support 3. Main Content Area (Dashboard Overview): - Welcome message: "Welcome back, [Provider Name]" - Key Metrics (displayed as cards): - Total Products Listed - Active Subscribers - Revenue (Last 30 days) - Average Product Rating - Quick Actions: - Add New Product (button) - View Recent Orders (button) - Check Pending Reviews (button) - Recent Activity Feed: - Table showing recent actions (new subscriptions, product updates, customer inquiries) - Columns: Timestamp, Action Type, Product, Details - Performance Charts: - Top Performing Products (bar chart) - Revenue Trend (line chart) - Customer Growth (area chart) 4. Right Sidebar: - Data Quality Score - Compliance Status - Upcoming Deadlines (e.g., data updates) 5. Footer: - Links to Provider documentation, FAQs, and support Additional Wireframe Elements for Other Sections: 6. My Products: - Search and filter options - Table of products with columns: Name, Category, Status, Subscribers, Revenue, Actions - 'Add New Product' button 7. Analytics: - Date range selector - Tabs for different analytics views (Usage, Financial, Customer) - Various charts and data visualizations - Export data option 8. Earnings: - Current balance - Payout history - Revenue breakdown by product - Payout settings