Improve ad display on desktop and mobile devices

Implement responsive ad units for different screen sizes and introduce mobile-specific inline ads within content grids.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/w5MsJAB

client/src/pages/home.tsx

@@ -5,8 +5,8 @@ import NetflixGrid from "@/components/netflix-grid";
 import { Link } from "wouter";
 import { Input } from "@/components/ui/input";
 import { Search, Menu, X } from "lucide-react";
-import AdSenseAd from "@/components/adsense-ad";
 import HeaderAd from "@/components/HeaderAd";
+import AdSenseAd from "@/components/adsense-ad";
 
 interface VideosResponse {
   videos: Video[];
@@ -221,8 +221,8 @@ export default function Home() {
         </div>
       </main>
 
-      {/* Bottom Banner Ad */}
-      <div className="container py-4 border-t border-white/10">
+      {/* Desktop Bottom Banner Ad */}
+      <div className="container py-4 border-t border-white/10 hidden md:block">
         <div className="w-full flex justify-center">
           <AdSenseAd 
             adSlot="5972813417"