Sidebar Navigation with Mobile Off-Canvas Menu

This component implements a responsive sidebar navigation pattern with the following elements: - A hidden mobile off-canvas menu that slides in from the left on smaller screens - The off-canvas area includes the main sidebar navigation links - Backdrop behind the off-canvas menu for modal-style interaction - Close button to hide the off-canvas menu - On larger screens, a static vertical sidebar is shown on the left - The sidebar includes navigation links, team shortcuts, and settings link - Top navbar with search, notifications, and user menu - Main content area to the right of the sidebar The mobile off-canvas menu and static sidebar allow the same navigation to be used on all screen sizes. The sidebar links, spacing, sizing, and styling are done using Tailwind CSS utility classes.