feat: enhance actor details page with MovieGallery and Carousel components; implement movie conversion helper for improved movie data handling

src/components/atoms/MovieCard/index.tsx

@@ -16,7 +16,7 @@ type Props = Movie & {
 };
 
 export const MovieCard: FC<Props> = ({
-  layout = "minimal",
+  layout = "aurora",
   showDayCounter = true,
   simpleToggle = false,
   ...movie
@@ -73,6 +73,8 @@ export const MovieCard: FC<Props> = ({
     simpleToggle,
     buttonClass,
     iconSize,
+    favorite: alreadyInStore?.favorite || movie.favorite,
+    seen: alreadyInStore?.seen || movie.seen,
   };
 
   switch (layout) {

src/components/atoms/MovieCard/layouts/AuroraLayout.tsx

@@ -65,7 +65,7 @@ export const AuroraLayout: FC<AuroraLayoutProps> = ({
         >
           <Link href={`/film/${id}`}>
             <img
-              className="w-full h-full object-cover transition-all duration-700 group-hover:scale-110 group-hover:brightness-110"
+              className="w-full h-full object-cover transition-all duration-700 group-hover:scale-110 group-hover:brightness-110 bg-gradient-to-b from-purple-600/50 to-emerald-600"
               src={`http://image.tmdb.org/t/p/w342${poster_path}`}
               alt={title}
             />

src/components/molecules/ActorHero/index.tsx

@@ -202,6 +202,7 @@ export const ActorHero: FC<Props> = ({ personDetails }) => {
                               ];
                             return (
                               <a
+                                key={key}
                                 href={url(value as string)}
                                 target="_blank"
                                 rel="noopener noreferrer"
@@ -257,14 +258,4 @@ const externalIdsMap = {
     icon: <FaImdb />,
     url: (id: string) => `https://www.imdb.com/name/${id}`,
   },
-  tvrage_id: {
-    label: "TVRage",
-    icon: null,
-    url: (id: string) => `https://www.tvrage.com/people/${id}`,
-  },
-  wikidata_id: {
-    label: "Wikidata",
-    icon: null,
-    url: (id: string) => `https://www.wikidata.org/wiki/${id}`,
-  },
 };

src/components/molecules/HeroMovie/index.tsx

@@ -13,6 +13,7 @@ import {
   FaGlobe,
   FaEye,
 } from "react-icons/fa";
+import { convertToMovie } from "@/helpers/convertToMovie";
 
 type Props = {
   movieDetails: MovieDetailsRich;
@@ -33,37 +34,24 @@ export const HeroMovie: FC<Props> = ({ movieDetails }) => {
     return `${hours}h ${mins}m`;
   };
 
-  // Convert TMDB movie to our Movie type.
-  const convertToMovie = () => ({
-    id: movieDetails.id,
-    title: movieDetails.title,
-    adult: movieDetails.adult,
-    backdrop_path: movieDetails.backdrop_path || "",
-    genre_ids: movieDetails.genres.map((g) => g.id).join(","),
-    original_language: movieDetails.original_language,
-    original_title: movieDetails.original_title,
-    overview: movieDetails.overview || "",
-    popularity: movieDetails.popularity,
-    poster_path: movieDetails.poster_path || "",
-    release_date: movieDetails.release_date,
-    video: movieDetails.video,
-    vote_average: movieDetails.vote_average,
-    vote_count: movieDetails.vote_count,
-    favorite: false,
-    seen: false,
-  });
+  const convertedMovie = convertToMovie(movieDetails);
 
+  // Convert TMDB movie to our Movie type.
   const handleAddToList = () => {
     if (isInStore) {
       deleteMovie(movieDetails.id);
     } else {
-      addMovie(convertToMovie());
+      if (convertedMovie) {
+        addMovie(convertedMovie);
+      }
     }
   };
 
   const handleToggleFavorite = () => {
     if (!isInStore) {
-      addMovie({ ...convertToMovie(), favorite: true });
+      if (convertedMovie) {
+        addMovie({ ...convertedMovie, favorite: true });
+      }
     } else {
       updateMovie(movieDetails.id, { favorite: !isFavorite });
     }
@@ -71,7 +59,9 @@ export const HeroMovie: FC<Props> = ({ movieDetails }) => {
 
   const handleToggleSeen = () => {
     if (!isInStore) {
-      addMovie({ ...convertToMovie(), seen: true });
+      if (convertedMovie) {
+        addMovie({ ...convertedMovie, seen: true });
+      }
     } else {
       updateMovie(movieDetails.id, { seen: !isSeen });
     }

src/components/molecules/RecommendedMovies/index.tsx

@@ -19,7 +19,7 @@ export const RecommendedMovies: FC<Props> = ({ movies }) => {
           <Carousel
             heading="Rekomendowane filmy"
             icon={<FaStar />}
-            iconColor="bg-gradient-to-r from-yellow-500 to-orange-500"
+            colors="yellow"
           >
             {movies.results.map((movie) => (
               <MovieCard