[Bug] Search Bar Not Displaying Results on Movie Recommendations Page

[Seanpesis]

The search functionality on the Movie Recommendations page is not working as expected. When users search for a movie by name, the page remains blank, and no results are displayed.

What is happening: The search bar does not display any results after entering a query and hitting "Search."
Expected behavior: The search results should display a list of movies matching the query entered in the search bar.
Steps to reproduce:
Navigate to the Movie Recommendations page.
Type any movie name (e.g., "Inception") into the search bar.
Press the "Search" button or hit Enter.
Observe that no results appear on the page.
Impact: Users cannot search for movies by name, which affects the core functionality of the platform.

[Seanpesis]

Environment:
Project Name: Movie Recommendation Platform
Browser/Platform/OS: Chrome 119, Windows 11
Dependencies: React 18.3.1, Node.js 16.19.1
Screenshots (optional):
(If applicable, include screenshots or GIFs illustrating the issue.)

Possible Solution (optional):
Check if the search query is being sent to the backend API correctly. Verify that the backend is responding with the appropriate data and that the frontend is rendering the results.

Additional Context:
This issue started after upgrading the React version to 18.3.1. It could be related to changes in how state updates are handled in the new version.