style(css): update Ezoic ad styling for centering and constraining

src/app/globals.css

@@ -867,3 +867,9 @@
   font-weight: 600;
 }
 
+/* Ezoic ad content: center and constrain injected ad creatives */
+.ezoic-ad-content * {
+  max-width: 100% !important;
+  margin-left: auto !important;
+  margin-right: auto !important;
+}

src/components/ads/ezoic-placeholder.tsx

@@ -40,7 +40,7 @@ export function EzoicPlaceholder({ id }: EzoicPlaceholderProps) {
           {t("ad")}
         </span>
       </div>
-      <div className="max-w-full overflow-hidden">
+      <div className="ezoic-ad-content overflow-hidden flex items-center justify-center">
         {isRendered && <div id={`ezoic-pub-ad-placeholder-${id}`} />}
       </div>
     </div>