Video Platform Interface - Copy this Html, Tailwind Component to your project

"Create-a-responsive-user-interface-similar-to-YouTube,-optimized-for-both-desktop-and-mobile-views.-The-design-should-include-the-following-features:-Header-Section:-A-sticky-top-navigation-bar-with:-A-logo-placeholder-on-the-left.-A-large-search-bar-in-the-center-with-a-search-icon.-Icons-on-the-right-for:-Notifications-(bell-icon).-User-profile-or-account-menu-(circular-avatar).-Upload-button-(camera-with-a-'+'-sign).-Sidebar-(Desktop-View):-A-collapsible-vertical-navigation-menu-on-the-left.-Include-common-YouTube-like-options:-Home-(with-a-house-icon).-Explore-(compass-icon).-Subscriptions-(stack-of-play-buttons-icon).-Library-(bookshelf-icon).-History-(clock-icon).-Main-Content-Area:-A-grid-layout-for-video-thumbnails-with:-Video-thumbnail-previews.-Title-below-each-thumbnail.-Channel-name-and-logo-next-to-the-title.-View-count-and-upload-time-displayed-below-the-title.-Video-Player-Page:-A-large-video-player-at-the-top.-Below-the-player:-Video-title,-channel-name,-subscribe-button,-like/dislike-buttons,-and-share-options.-A-comments-section-beneath-the-video.-Suggested-videos-on-the-right-(or-below-on-mobile).-Footer-(Optional):-Links-for-About,-Terms,-Privacy-Policy,-and-Contact.-Mobile-Adjustments:-Replace-the-sidebar-with-a-bottom-navigation-bar-for:-Home,-Explore,-Subscriptions,-Library.-Ensure-all-elements-scale-well-for-smaller-screens.-Design-Style:-Clean,-modern,-and-minimalistic.-Primary-colors:-White-background,-red-accents-(like-the-YouTube-logo),-and-dark-text/icons.-Rounded-corners-for-buttons-and-thumbnails.-Interactions:-Hover-effects-for-thumbnails-(e.g.,-video-preview-on-hover).-Smooth-transitions-for-navigation-menu-collapse/expand.-Responsive-search-bar-animations.-The-layout-should-focus-on-usability-and-accessibility,-ensuring-a-seamless-experience-for-users-on-different-devices."