Finished up responsiveness, and made some pages more minimal

src/pages/Actor.jsx

@@ -70,7 +70,7 @@ const Actor = () => {
                 <h1 className={styles.Name}>{actor?.name}</h1>
                 <div className={styles.Section}>
                     <h2>Biography</h2>
-                    <div className={styles.Description}>
+                    <div>
                         {actor?.biography ? (
                             <a
                                 href="#"

src/pages/Home.jsx

@@ -3,12 +3,11 @@ import useDebounce from "hooks/useDebounce"
 import { useEffect, useState } from "react"
 import styles from "styles/Home.module.css"
 import config from "config"
-import { GENRES } from "../constants"
 import Card from "components/Card"
 
 const Home = () => {
     const [movies, setMovies] = useState([])
-    const [page, setPage] = useState(1)
+    const [page] = useState(1)
     const [search, setSearch] = useState("")
     const debouncedSearch = useDebounce(search)
 
@@ -23,22 +22,15 @@ const Home = () => {
             )
             const data = await response.json()
             setMovies(
-                data.results.map((movie) => ({
-                    id: movie.id,
-                    overview: movie.overview,
-                    adult: movie.adult,
-                    posterUrl: `https://image.tmdb.org/t/p/w342${movie.poster_path}`,
-                    backdropUrl: `https://image.tmdb.org/t/p/original${movie.backdrop_path}`,
-                    genres: movie.genre_ids.map((genreId) =>
-                        GENRES.find((genre) => genre.id == genreId)
-                    ),
-                    title: movie.title,
-                    releaseDate: movie.release_date,
-                    year: movie.release_date.split("-")[0],
-                    averageVote: movie.vote_average,
-                    voteCount: movie.vote_count,
-                    popularity: movie.popularity,
-                }))
+                data.results
+                    .filter((movie) => movie?.poster_path)
+                    .map((movie) => ({
+                        id: movie.id,
+                        posterUrl: `https://image.tmdb.org/t/p/w342${movie.poster_path}`,
+                        title: movie.title,
+                        year: movie.release_date.split("-")[0],
+                        averageVote: movie.vote_average / 2,
+                    }))
             )
         }
 

src/pages/Movie.jsx

@@ -35,7 +35,7 @@ const Movie = () => {
                 title: data.title,
                 releaseDate: data.release_date,
                 year: data.release_date.split("-")[0],
-                averageVote: data.vote_average,
+                averageVote: data.vote_average / 2,
                 voteCount: data.vote_count,
                 popularity: data.popularity,
                 tagline: data.tagline,