Invoice Login - Copy this Angular, Tailwind Component to your project

Prompt: "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."