Refactor MovieCard and MovieList components: streamline props by integrating Movie type, enhance filtering logic, and improve UI responsiveness with a new Dropdown for sorting options.

src/app/(withGlobalData)/page.tsx

@@ -3,20 +3,10 @@ import { MovieList } from "@/components/molecules/MovieList";
 export default async function Home() {
   return (
     <>
-      <MovieList
-        heading="Upcoming"
-        filterUpcoming={1}
-        sort="releaseDate"
-        sortDirection="desc"
-      />
-      <MovieList
-        heading="My Watchlist"
-        filterReleased={1}
-        filterSeen={0}
-        showFilters
-      />
-      <MovieList heading="Seen" filterSeen={1} />
-      <MovieList heading="Favorites" filterFavorites={1} />
+      <MovieList heading="Upcoming" filterUpcoming sortDirection="desc" />
+      <MovieList heading="My Watchlist" filterReleased />
+      <MovieList heading="Seen" filterSeen />
+      <MovieList heading="Favorites" filterFavorites />
     </>
   );
 }