fix(ads): hide empty ad containers when adblock is active

Author: get6

app/ads/AdsInPost.tsx

@@ -15,7 +15,7 @@ export const AdsInPost = () => {
   }, [mounted])
 
   return (
-    <div className="max-w-prose px-6 lg:px-0">
+    <div className="max-w-prose px-6 lg:px-0 empty:hidden has-[:empty]:hidden has-[[data-ad-status='unfilled']]:hidden">
       {mounted && (
         <ins
           className="adsbygoogle"

app/ads/AdsRecentPost.tsx

@@ -15,7 +15,7 @@ export const AdsRecentPost = () => {
   }, [mounted])
 
   return (
-    <div className="flex h-[140px] w-full items-center justify-center overflow-hidden border border-black bg-white dark:border-white dark:bg-gray-900 lg:h-[205px] lg:w-[520px]">
+    <div className="flex h-[140px] w-full items-center justify-center overflow-hidden border border-black bg-white dark:border-white dark:bg-gray-900 lg:h-[205px] lg:w-[520px] has-[:empty]:hidden has-[[data-ad-status='unfilled']]:hidden">
       {mounted && (
         <ins
           className="adsbygoogle"