discover page fixes: hero fills full width with mx-7 margins, chip glow unclipped, no section collapse on tab switch

src/components/discover/MoodChips.tsx

@@ -23,7 +23,7 @@ export function MoodChips({ activeId, onChange, kind }: Props) {
           In the mood for
         </span>
       </div>
-      <div className="relative -mx-7 px-7 overflow-x-auto hide-scrollbar">
+      <div className="relative -mx-7 px-7 pb-3 overflow-x-auto hide-scrollbar">
         <ul className="flex items-center gap-2 pb-1 min-w-max">
           {DISCOVER_MOODS.map(mood => {
             const available = kind === 'movie' ? !!mood.movieParams : !!mood.tvParams
@@ -98,6 +98,7 @@ export function MoodRow({ moodId, kind }: { moodId: string; kind: 'movie' | 'tv'
         animate={{ opacity: 1, y: 0 }}
         exit={{ opacity: 0, y: -6 }}
         transition={{ duration: 0.28, ease: [0.16, 1, 0.3, 1] }}
+        className="min-h-[200px]"
       >
         {kind === 'movie' && <MoodMovieRow mood={mood} />}
         {kind === 'tv' && mood.tvParams && <MoodTvRow mood={mood} />}