chore(i18n): update ad translations in multiple languages

messages/ar.json

@@ -27,6 +27,7 @@
     "close": "إغلاق",
     "all": "الكل",
     "none": "لا شيء",
+    "ad": "إعلان",
     "moreLines": "+{count} سطر إضافي",
     "codeView": "كود",
     "treeView": "شجرة",

messages/az.json

@@ -27,6 +27,7 @@
     "close": "Bağla",
     "all": "Hamısı",
     "none": "Heç biri",
+    "ad": "Reklam",
     "moreLines": "+{count} daha çox sətir",
     "codeView": "Kod",
     "treeView": "Ağac",

messages/de.json

@@ -27,6 +27,7 @@
     "close": "Schließen",
     "all": "Alle",
     "none": "Keine",
+    "ad": "Anzeige",
     "moreLines": "+{count} weitere Zeilen",
     "codeView": "Code",
     "treeView": "Baumansicht",

messages/el.json

@@ -27,6 +27,7 @@
     "close": "Κλείσιμο",
     "all": "Όλα",
     "none": "Κανένα",
+    "ad": "Διαφήμιση",
     "moreLines": "+{count} επιπλέον γραμμές",
     "codeView": "Κώδικας",
     "treeView": "Δέντρο",

messages/en.json

@@ -27,6 +27,7 @@
     "close": "Close",
     "all": "All",
     "none": "None",
+    "ad": "Ad",
     "moreLines": "+{count} more lines",
     "codeView": "Code",
     "treeView": "Tree",

messages/es.json

@@ -27,6 +27,7 @@
     "close": "Cerrar",
     "all": "Todos",
     "none": "Ninguno",
+    "ad": "Anuncio",
     "moreLines": "+{count} líneas más",
     "codeView": "Código",
     "treeView": "Árbol",

messages/fa.json

@@ -27,6 +27,7 @@
     "close": "بستن",
     "all": "همه",
     "none": "هیچکدام",
+    "ad": "تبلیغ",
     "moreLines": "+{count} خط دیگر",
     "codeView": "کد",
     "treeView": "درختی",

messages/fr.json

@@ -27,6 +27,7 @@
     "close": "Fermer",
     "all": "Tout",
     "none": "Aucun",
+    "ad": "Publicité",
     "moreLines": "+{count} lignes supplémentaires",
     "codeView": "Code",
     "treeView": "Arborescence",

messages/he.json

@@ -27,6 +27,7 @@
     "close": "סגור",
     "all": "הכל",
     "none": "ללא",
+    "ad": "מודעה",
     "moreLines": "+{count} שורות נוספות",
     "codeView": "קוד",
     "treeView": "עץ",

messages/it.json

@@ -27,6 +27,7 @@
     "close": "Chiudi",
     "all": "Tutti",
     "none": "Nessuno",
+    "ad": "Annuncio",
     "moreLines": "+{count} altre righe",
     "codeView": "Codice",
     "treeView": "Albero",

messages/ja.json

@@ -27,6 +27,7 @@
     "close": "閉じる",
     "all": "すべて",
     "none": "なし",
+    "ad": "広告",
     "moreLines": "+{count}行",
     "codeView": "コード",
     "treeView": "ツリー",

messages/ko.json

@@ -27,6 +27,7 @@
     "close": "닫기",
     "all": "전체",
     "none": "없음",
+    "ad": "광고",
     "moreLines": "+{count}줄 더",
     "codeView": "코드",
     "treeView": "트리",

messages/nl.json

@@ -27,6 +27,7 @@
     "close": "Sluiten",
     "all": "Alles",
     "none": "Geen",
+    "ad": "Advertentie",
     "moreLines": "+{count} meer regels",
     "codeView": "Code",
     "treeView": "Boom",

messages/pt.json

@@ -27,6 +27,7 @@
     "close": "Fechar",
     "all": "Todos",
     "none": "Nenhum",
+    "ad": "Anúncio",
     "moreLines": "+{count} mais linhas",
     "codeView": "Código",
     "treeView": "Árvore",

messages/ru.json

@@ -27,6 +27,7 @@
     "close": "Закрыть",
     "all": "Все",
     "none": "Нет",
+    "ad": "Реклама",
     "moreLines": "+{count} строк",
     "codeView": "Код",
     "treeView": "Дерево",

messages/tr.json

@@ -27,6 +27,7 @@
     "close": "Kapat",
     "all": "Tümü",
     "none": "Hiçbiri",
+    "ad": "Reklam",
     "moreLines": "+{count} satır daha",
     "codeView": "Kod",
     "treeView": "Ağaç",

messages/zh.json

@@ -27,6 +27,7 @@
     "close": "关闭",
     "all": "全部",
     "none": "无",
+    "ad": "广告",
     "moreLines": "+{count}行",
     "codeView": "代码",
     "treeView": "树形视图",

src/components/ads/ezoic-placeholder.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useEffect, useState } from "react";
+import { useTranslations } from "next-intl";
 import { runEzoic } from "@/lib/ezoic";
 
 interface EzoicPlaceholderProps {
@@ -8,6 +9,7 @@ interface EzoicPlaceholderProps {
 }
 
 export function EzoicPlaceholder({ id }: EzoicPlaceholderProps) {
+  const t = useTranslations("common");
   const [isRendered, setIsRendered] = useState(false);
 
   useEffect(() => {
@@ -32,8 +34,15 @@ export function EzoicPlaceholder({ id }: EzoicPlaceholderProps) {
   }, [id]);
 
   return (
-    <div className="ezoic-ad-container max-w-full overflow-hidden">
-      {isRendered && <div id={`ezoic-pub-ad-placeholder-${id}`} />}
+    <div className="ezoic-ad-container border rounded-[var(--radius)] overflow-hidden flex flex-col">
+      <div className="px-3 py-1.5 border-b bg-muted/50">
+        <span className="text-[10px] font-medium uppercase tracking-wider text-muted-foreground">
+          {t("ad")}
+        </span>
+      </div>
+      <div className="max-w-full overflow-hidden">
+        {isRendered && <div id={`ezoic-pub-ad-placeholder-${id}`} />}
+      </div>
     </div>
   );
 }