Collapsible Sidebar - Copy this Angular, Tailwind Component to your project

"Design-a-sleek-and-interactive-collapsible-sidebar-menu-for-a-modern-invoicing-system.-The-sidebar-should-feature-a-clean-and-professional-look,-with-a-vertical-layout.-Each-menu-item-should-include-an-icon-(using-a-popular-icon-library-like-Font-Awesome-or-Material-Icons)-and-a-label,-ensuring-clear-navigation.-The-color-scheme-should-be-consistent-with-a-technological-theme,-using-shades-of-blue,-gray,-and-white.-The-sidebar-should-include-the-following-elements:-1.-A-collapsible-toggle-button-at-the-top-to-expand-or-collapse-the-menu.-2.-Menu-sections-like-'Dashboard,'-'Invoices,'-'Clients,'-'Products,'-'Settings,'-and-'Reports,'-each-with-unique-icons.-3.-Submenus-that-expand-on-hover-or-click-for-categories-with-multiple-options-(e.g.,-'Settings'-expanding-to-'Profile,'-'Preferences,'-etc.).-4.-Active-menu-highlighting-for-better-user-orientation.-5.-Responsive-design-to-adapt-to-different-screen-sizes,-with-a-mobile-friendly-view.-Ensure-the-sidebar-is-fully-functional,-smooth-in-transitions,-and-integrates-seamlessly-with-navigation-across-the-application."