Implement a movie-search

[WinterIsCoding23]

Value proposition As a user I want to search for movies by various parameters (like title, genre, director, cast, year) - to be able to choose to watch one (or more) of them.

Desciption

Acceptance criteria

• [x] When clicking the search-button a form with various search-fields ("Search by title", "Search by genre", etc.) opens underneath
• [x] When sending the search-request the results are displayed on a NEW PAGE showing movie-title and movie-image for every movie
• [x] The footer/navbar is displayed on the search-results-page
• [x] When clicking the home-button or the back-button in the footer we are re-directed to the startpage
• [x] When no movie can be found a message is shown ("No results for this search.")

Tasks

• [x] Create a search-form and link it to the search-button on the startpage
• [x] Create another search-button inside the search-form
• [x] Style that new search-button
• [x] Create a search-result-page
• [x] Display the most important movie-details on the search-result-page (at least title, poster, synopsis, genres, director)
• [x] Style search-result-page
• [ ] Pagination: every result-page displays 20 search-results (movie-title and movie-image in a row)
• [x] Check correct linking of the buttons in navbar
• [x] Check that data-fetching still works for all pages & components
• [x] Make TMDB-search-filters work (adult-content!)

[WinterIsCoding23]

• [x] Fix centering of content in movieContainer
• [x] Add genre, director, cast... in movieContainer

[WinterIsCoding23]

• Movie-app v2.0: Refined search, ideally with discover.api: https://developer.themoviedb.org/reference/discover-movie ...and potentially with libraries:
• https://github.com/grantholle/moviedb-promise
• https://www.npmjs.com/package/gatsby-source-tmdb