Path Gen Dashboard - Copy this React, Tailwind Component to your project

Enhanced UI Description for PathGen Dashboard Key Objectives: Display personalized user information prominently. Provide easy navigation to different functionalities. Include sections for key insights, recommendations, and progress tracking. Layout: Sidebar Navigation: A collapsible sidebar with icons and labels for quick access to: Dashboard, My Paths, Recommendations, Progress, Settings, Log Out. Header: User profile thumbnail with name and a greeting. Notification icon. A search bar for quick navigation. Main Dashboard Area: Welcome Section: Dynamic greeting based on the time (e.g., "Good Morning, Alex!"). Brief motivational quote or tip. Quick Stats: A summary of key metrics in cards (e.g., "Courses Completed," "Active Paths," "Hours Spent Learning"). Recommendations: Display suggested courses or topics based on the user’s interests and progress. Progress Tracker: A visual progress chart (e.g., circular or bar chart). Upcoming Tasks: List of upcoming tasks or learning milestones.