Dashboard - Copy this React, Tailwind Component to your project
1.-Normal-User-Dashboard-UI-Layout-Overview:-Navigation-Panel-(Vertical-Left-Bar):-Contains-icons-and-labels-for-navigation.-Top-Horizontal-Bar:-Includes-search-functionality-and-filters.-Main-Content-Area-(Center):-Displays-live-VCs,-skill-categories,-and-GC-options.-Settings-Area:-Allows-users-to-update-their-profile-and-toggle-themes.-Components:-Left-Vertical-Bar:-Home-Icon:-Redirects-to-the-home-page.-Group-Chats-Icon:-Access-list-of-GCs.-Settings-Icon:-Access-account-and-UI-settings.-Top-Horizontal-Bar:-Search-Bar:-Input-to-search-for-VCs-by-skill,-creator-name,-or-title.-Filter-Dropdown:-Options-to-filter-VCs-by-alphabetical-order,-creation-time,-or-popularity.-Skill-Categories:-Horizontally-scrollable-skills-(e.g.,-"Python,"-"Photography,"-etc.).-Main-Content-Area:-Live-VCs-Section:-Thumbnail-Cards:-Each-card-shows:-Thumbnail-image-(like-a-YouTube-video-preview).-VC-Title.-Creator-Name.-Number-of-Live-Participants.-Join-Button.-Skill-Categories-Section:-A-row-of-skill-icons-or-tags-for-quick-navigation.-Recommended-VCs-Section:-Based-on-selected-skills-or-previous-interactions.-Settings-Panel:-Theme-Toggle:-Switch-between-dark-and-light-modes.-Profile-Details:-Update-picture,-name,-and-other-personal-info.
