Video Thumbnail - Copy this React, Tailwind Component to your project

Create an on demand video streaming platform where users can sign up, log in, and browse a library of video content. The homepage should display a grid of videos with thumbnails, and each thumbnail should include the title and a brief description of the video. When a user clicks on a thumbnail, they should be taken to a video page where they can view more details and play the content through an embedded video player with standard controls (play, pause, volume, progress bar). Users should have the ability to search for videos using a search bar at the top of the page. They should also be able to filter the results by genre (e.g., movies, TV shows, documentaries) or other predefined categories. Users should be able to create an account using their email and password or log in with an existing account. Once logged in, users should be able to save videos to their personal favorites list and receive personalized recommendations based on their viewing history. The interface should be simple, intuitive, with a clean and responsive design, optimized for multiple devices (desktop, tablet, smartphone). The backend should handle user registration, secure authentication, session management, and be scalable to support a large number of users and simultaneous streaming requests.