Update header ad display and placement on video pages

Modify HeaderAd component to ensure consistent ad sizing and integrate it directly into VideoPage without container constraints.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 401e2ec0-e00d-4f10-9d0e-60f3d479f9a5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/401e2ec0-e00d-4f10-9d0e-60f3d479f9a5/NMycumv

.replit

@@ -27,6 +27,10 @@ externalPort = 3001
 localPort = 35637
 externalPort = 3000
 
+[[ports]]
+localPort = 35987
+externalPort = 3003
+
 [env]
 PORT = "5000"
 

client/src/components/HeaderAd.tsx

@@ -21,7 +21,7 @@ export default function HeaderAd() {
   }, []);
 
   return (
-    <div className="hidden lg:flex justify-center py-4" ref={adRef}>
+    <div className="w-full bg-bunny-dark hidden lg:flex justify-center py-4" ref={adRef}>
       {/* Desktop Only: 1200x90px Header Ad */}
       <ins 
         className="adsbygoogle"

client/src/pages/VideoPage.tsx

@@ -501,10 +501,8 @@ export default function VideoPage() {
         )}
       </div>
 
-      {/* Fixed Header Ad - contained within page width */}
-      <div className="container mx-auto">
-        <HeaderAd />
-      </div>
+      {/* Fixed Header Ad */}
+      <HeaderAd />
 
       <div className="container p-4 lg:p-6 relative">
         {/* Background logo decorations */}