Sidebar - Copy this React, Tailwind Component to your project

Design a sidebar interface with the following sections: Overview, My Licenses, Store, Support, Invoices, and, at the bottom of the sidebar, display the profile image (profileImage), profile name (profileName), and email of the user. Overview On the Overview page, create a dashboard with the following indicators: Total Active Licenses Licenses Expiring Soon Open Invoices Suspended Licenses Below that, add a large card titled "Recent Actions" with a table containing the following columns: Date (Action Date) Action (Type of Action Performed) License/Product (Related License or Product) Status (Status of the Action) Underneath this, add quick action buttons: Buy New License Renew Expiring Licenses View All Open Invoices My Licenses On this page, include a table displaying the following information: Token (Unique License Identifier) Name (License or Product Name) Product (Type of Product or License) Expiration (Expiration Date) Status (License Status) Actions (Buttons for Change Information, Renew, Reactivate) Below the table, add a button for Buy New License. Invoices Add a table with the following columns: Invoice Number Token (Invoice Identifier) Description (Invoice Description) Price (Invoice Amount) Issue Date (Date the Invoice was Issued) Status (Invoice Status) Action (Button for performing actions) Support In this section, create a ticketing system for users to open, view, and interact with their support requests.