Movie Listing Component - Copy this React, Tailwind Component to your project

Scenario: Interactive Movie Listing Let's create a user interface for browsing and interacting with a list of movies. Your goal is to build a responsive and engaging user experience. Features: 1. Fetch a list of movies from an external API. 2. Display the movie list with details such as title, poster, and release date. 3. Implement pagination to browse through large sets of movies efficiently. 4. Enable searching and filtering of movies based on title, genre, or other criteria. 5. Allow users to mark movies as favorites. 6. Persist the user's list of favorite movies even after closing the browser. 7. Implement smooth transitions or animations when updating the movie list or details. Create separate, reusable components for different parts of the UI (movie list, movie item, search bar, etc.). 8. 9. Write unit tests to ensure the correctness of components and their functionality. Structure the navigation in a way that a user can go to the movie details page from the movies listing page.