patch #css

frontend/src/app/search/searchPage.css

@@ -1,7 +1,8 @@
 .search-page {
   background-color: #121212;
   color: #ffffff;
-  height: 89dvh;
+  height: 100%;
+  min-height: 89dvh;
   transition: background-color 0.3s ease;
   font-family: "Signika", sans-serif;
   font-optical-sizing: auto;

frontend/src/components/TvShowCard.js

@@ -34,19 +34,19 @@ const TvShowCard = ({ title }) => {
 
   return (
     <div className="movie-card">
-      <div className="image-container">
+      <div className="movie-card-image-container">
         <Image
           src={movieData.image}
           alt={`${movieData.title} poster`}
           fill
           sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
           priority
-          className="poster"
+          className="movie-card-poster"
         />
       </div>
-      <div className="movie-info">
-        <h3 className="movie-title">{movieData.title}</h3>
-        <p className="movie-year">{movieData.year}</p>
+      <div className="movie-card-info">
+        <h3 className="movie-card-title">{movieData.title}</h3>
+        <p className="movie-card-year">{movieData.year}</p>
       </div>
     </div>
   );