Improve ad display by hiding empty ad slots

Fixes the "black spots" issue by ensuring that ad components are hidden when they fail to load, preventing visual clutter in the development environment. Updates are also made to gallery image URLs.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 5ba6db93-b599-4f97-9ded-f81b616eb41d
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/V5dWXpq
Replit-Helium-Checkpoint-Created: true

client/src/components/adsense.tsx

@@ -82,40 +82,48 @@ let adSeedCounter = 1;
 
 export function ArticleCardAd() {
   const seed = useMemo(() => adSeedCounter++, []);
+  const [filled, setFilled] = useState(false);
   return (
-    <ArtistPatternBg className="rounded-md border border-card-border h-full bg-card" seed={seed}>
-      <AdSense
-        slot="3854634730"
-        format="fluid"
-        layoutKey="-6r+cy-10+8a-3"
-        style={{ display: "block" }}
-      />
-    </ArtistPatternBg>
+    <div className={filled ? "" : "hidden"}>
+      <ArtistPatternBg className="rounded-md border border-card-border h-full bg-card" seed={seed}>
+        <AdSense
+          slot="3854634730"
+          format="fluid"
+          layoutKey="-6r+cy-10+8a-3"
+          style={{ display: "block" }}
+          onAdStatus={(f) => setFilled(f)}
+        />
+      </ArtistPatternBg>
+    </div>
   );
 }
 
 export function InArticleAd() {
+  const [filled, setFilled] = useState(false);
   return (
-    <div className="my-8 py-4 border-y border-border/30">
+    <div className={filled ? "my-8 py-4 border-y border-border/30" : "hidden"}>
       <div className="text-[10px] text-muted-foreground/40 text-center mb-2 uppercase tracking-widest">Anzeige</div>
       <AdSense
         slot="4154017639"
         format="fluid"
         layout="in-article"
         style={{ display: "block", textAlign: "center" }}
+        onAdStatus={(f) => setFilled(f)}
       />
     </div>
   );
 }
 
 export function MultiplexAd() {
+  const [filled, setFilled] = useState(false);
   return (
-    <div className="bg-card rounded-md border border-card-border overflow-hidden">
+    <div className={filled ? "bg-card rounded-md border border-card-border overflow-hidden" : "hidden"}>
       <AdSense
         slot="4593001335"
         format="autorelaxed"
         style={{ display: "block" }}
         className="w-full min-h-[250px]"
+        onAdStatus={(f) => setFilled(f)}
       />
     </div>
   );