Update margin in the homepage

Author: kacigaya

app/page.tsx

@@ -54,7 +54,7 @@ export default async function HomePage() {
     <div className="flex flex-col">
       {featuredItems.length > 0 && <Hero items={featuredItems} />}
 
-      <div className="-mt-20 relative z-10 flex flex-col gap-10 pb-16 max-w-7xl mx-auto w-full">
+      <div className="-mt-12 relative z-10 flex flex-col gap-10 pb-16 max-w-7xl mx-auto w-full">
         <Carousel title="Trending Movies" items={trending.map(movieToMedia)} priority />
         <Carousel title="Trending TV Shows" items={trendingTV.map(tvToMedia)} />
         <Carousel title="Popular Movies" items={popular.map(movieToMedia)} />