Dashboard - Copy this React, Tailwind Component to your project
Create a modern, minimalist dashboard interface. The layout should feature a vertical sidebar on the left with a white background and a series of icons representing different sections such as 'Dashboard,' 'Team,' 'Projects,' 'Calendar,' 'Documents,' 'Reports,' and 'Settings.' Each icon should be accompanied by descriptive text. The sidebar should also have a section for teams, with labels like 'Heroicons,' 'Tailwind Labs,' and 'Workcation.' At the top, create a clean header bar, with a search input on the left and user controls on the right. These controls include a bell icon for notifications and a user profile with an avatar and dropdown menu for user settings. The color scheme should focus on light tones: white for the background, light gray for inactive elements, and purple for active or highlighted elements (such as the 'Dashboard' item). The central content area should be mostly empty but outlined by a light dotted border to indicate a space for future content. Keep the design simple, spacious, and with a strong focus on readability. Use a sans serif font and apply slight shadows to elements like cards for depth
