Center advertisements on the page for better visibility

Center adsense ad components horizontally using flexbox and 'mx-auto' utility classes within AdSenseAd.tsx.

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

client/src/components/adsense-ad.tsx

@@ -68,7 +68,7 @@ export default function AdSenseAd({
     // Responsive ads with different sizes for desktop/mobile
     return (
       <div 
-        className={`adsense-wrapper w-full ${className}`} 
+        className={`adsense-wrapper w-full flex justify-center ${className}`} 
         ref={adRef}
         style={{ width: '100%', minWidth: '320px' }}
       >
@@ -85,7 +85,7 @@ export default function AdSenseAd({
         />
         {/* Mobile ad */}
         <ins
-          className="adsbygoogle block md:hidden"
+          className="adsbygoogle block md:hidden mx-auto"
           style={{ 
             display: 'inline-block',
             width: mobileWidth ? `${mobileWidth}px` : '300px',
@@ -114,7 +114,7 @@ export default function AdSenseAd({
 
   return (
     <div 
-      className={`adsense-wrapper w-full ${className}`} 
+      className={`adsense-wrapper w-full flex justify-center ${className}`} 
       ref={adRef}
       style={{ width: '100%', minWidth: '320px' }}
     >