Improve visual spacing and scrolling behavior in video grids

Adjusted vertical spacing in NetflixGrid and CategoryRow components and reduced padding in the scrollable video row for better visual presentation and user experience.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx

client/src/components/netflix-grid.tsx

@@ -145,9 +145,9 @@ export default function NetflixGrid({ videos, isLoading }: NetflixGridProps) {
 
   return (
     <>
-      <div className="space-y-4">
+      <div className="space-y-2">
         {categories.map((category, categoryIndex) => (
-          <div key={categoryIndex} className={`${categoryIndex === 0 ? 'mt-2 mb-3' : 'mb-3'}`}>
+          <div key={categoryIndex} className={`${categoryIndex === 0 ? 'mt-1 mb-1' : 'mb-1'}`}>
             <CategoryRow
               category={category}
               onVideoClick={handleVideoClick}
@@ -285,7 +285,7 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
         {/* Scrollable video row - in container */}
         <div
           ref={scrollRef}
-          className="flex gap-3 overflow-x-auto scrollbar-hide py-4 px-2"
+          className="flex gap-3 overflow-x-auto scrollbar-hide py-2 px-2"
           style={{ scrollbarWidth: 'none', msOverflowStyle: 'none' }}
           onScroll={handleScroll}
         >