Adjust ad sizes for mobile and desktop displays

Introduce responsive ad size configurations in `AdSenseAd.tsx` to display smaller ads on mobile devices and larger ads on desktop for both live and video pages.

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/JMKe3od

client/src/pages/LivePage.tsx

@@ -457,15 +457,14 @@ export default function LivePage() {
 
             {/* AdSense Ad under video stream */}
             <div className="mt-6">
-              <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4465464714854276" crossOrigin="anonymous"></script>
-              <ins className="adsbygoogle"
-                   style={{display: 'block'}}
-                   data-ad-format="autorelaxed"
-                   data-ad-client="ca-pub-4465464714854276"
-                   data-ad-slot="3047267170"></ins>
-              <script dangerouslySetInnerHTML={{
-                __html: `(adsbygoogle = window.adsbygoogle || []).push({});`
-              }} />
+              <AdSenseAd 
+                adSlot="3047267170"
+                width={728}
+                height={90}
+                mobileWidth={300}
+                mobileHeight={250}
+                className="w-full"
+              />
             </div>
           </div>
 
@@ -475,7 +474,10 @@ export default function LivePage() {
             <div className="mb-6">
               <AdSenseAd 
                 adSlot="5629279662"
-                adFormat="auto"
+                width={728}
+                height={90}
+                mobileWidth={300}
+                mobileHeight={250}
                 className="w-full"
               />
             </div>
@@ -536,7 +538,10 @@ export default function LivePage() {
             <div className="mt-6">
               <AdSenseAd 
                 adSlot="9876543210"
-                adFormat="vertical" 
+                width={728}
+                height={90}
+                mobileWidth={300}
+                mobileHeight={250}
               />
             </div>
           </div>

client/src/pages/VideoPage.tsx

@@ -779,7 +779,10 @@ export default function VideoPage() {
               <div className="mt-6">
                 <AdSenseAd 
                   adSlot="5629279662"
-                  adFormat="auto"
+                  width={728}
+                  height={90}
+                  mobileWidth={300}
+                  mobileHeight={250}
                   className="w-full"
                 />
               </div>
@@ -792,7 +795,10 @@ export default function VideoPage() {
             <div className="mb-6">
               <AdSenseAd 
                 adSlot="5629279662"
-                adFormat="auto"
+                width={728}
+                height={90}
+                mobileWidth={300}
+                mobileHeight={250}
                 className="w-full"
               />
             </div>
@@ -855,7 +861,10 @@ export default function VideoPage() {
             <div className="mt-6">
               <AdSenseAd 
                 adSlot="1372934919"
-                adFormat="auto"
+                width={728}
+                height={90}
+                mobileWidth={300}
+                mobileHeight={250}
                 className="w-full"
               />
             </div>