fix: complete translation modal internationalization

- Fix all hardcoded text in translation modal content
- Add translatePageInfo, translateToLabel, translateButton keys
- Fix dynamic button text for page/text modes
- Fix hardcoded Processing text during translation
- Fix Translation Modal button labels in UI
- Fix TTS Anything and Smart Translate button labels
- Add data-i18n attributes for dynamic refresh
- All modal content now fully localizes on language switch

src/languages/ar.js

@@ -66,6 +66,21 @@ export const ar = {
 		"تحويل النص إلى كلام: اكتب أي رسالة واجعل الذكاء الاصطناعي يتحدث بها!",
 	translatePlaceholder: "أدخل أي نص للترجمة...",
 
+	// Translation modal tabs
+	translatePageTab: "📄 ترجمة الصفحة",
+	customTextTab: "✏️ نص مخصص",
+
+	// TTS modal components
+	speedLabel: "السرعة:",
+	playText: "تشغيل النص",
+
+	// System prompt components
+	systemPromptIntro: "أنت Hermes AI، مدعوم بواسطة Nous Research، مدمج في صفحة ويب. مهمتك هي إنشاء مقدمة دافئة ومرحبة من 3 فقرات تظهر أنك تفهم الصفحة المحددة التي يشاهدها المستخدم.",
+	systemPromptTask1: "1. قدم نفسك كـ Hermes AI واعترف بالصفحة/المحتوى المحدد",
+	systemPromptTask2: "2. اذكر 2-3 تفاصيل محددة وذات صلة تلاحظها من محتوى الصفحة",
+	systemPromptTask3: "3. اعرض المساعدة في الأسئلة المتعلقة بمحتوى الصفحة",
+	systemPromptInstructions: "اجعله حوارياً ومفيداً ومحدداً لما تراه في هذه الصفحة. اكتب باللغة",
+
 	// More alerts and messages
 	pleaseEnterText: "يرجى إدخال بعض النص أولاً!",
 	pleaseSelectFile: "يرجى تحديد ملف أولاً!",

src/languages/de.js

@@ -74,6 +74,14 @@ export const de = {
 	speedLabel: "Geschwindigkeit:",
 	playText: "Text Abspielen",
 
+	// Translation modal content
+	translatePageInfo: "Übersetzen Sie den aktuellen Seiteninhalt in Ihre gewählte Sprache:",
+	translateToLabel: "Übersetzen nach:",
+	translateButton: "🌐 Übersetzen",
+	translatePageButton: "🌐 Seite Übersetzen",
+	translateTextButton: "🌐 Text Übersetzen",
+	processingText: "Verarbeitung...",
+
 	// System prompt components
 	systemPromptIntro: "Sie sind Hermes AI, unterstützt von Nous Research, eingebettet auf einer Webseite. Ihre Aufgabe ist es, eine warme, einladende 3-Absatz-Einführung zu generieren, die zeigt, dass Sie die spezifische Seite verstehen, die der Benutzer betrachtet.",
 	systemPromptTask1: "1. Stellen Sie sich als Hermes AI vor und erkennen Sie die spezifische Seite/den Inhalt an",

src/languages/en.js

@@ -74,6 +74,18 @@ export const en = {
 	speedLabel: "Speed:",
 	playText: "Play Text",
 
+	// Translation modal content
+	translatePageInfo: "Translate the current page content into your chosen language:",
+	translateToLabel: "Translate to:",
+	translateButton: "🌐 Translate",
+	translatePageButton: "🌐 Translate Page",
+	translateTextButton: "🌐 Translate Text",
+	processingText: "Processing...",
+
+	// Button labels for UI
+	translationModal: "🌐 Translation Modal",
+	translationModalHeading: "Translation Modal",
+
 	// System prompt components
 	systemPromptIntro: "You are Hermes AI, powered by Nous Research, embedded on a webpage. Your task is to generate a warm, welcoming 3-paragraph introduction that shows you understand the specific page the user is viewing.",
 	systemPromptTask1: "1. Introduces yourself as Hermes AI and acknowledges the specific page/content",

src/languages/es.js

@@ -74,6 +74,14 @@ export const es = {
 	speedLabel: "Velocidad:",
 	playText: "Reproducir Texto",
 
+	// Translation modal content
+	translatePageInfo: "Traduce el contenido de la página actual a tu idioma elegido:",
+	translateToLabel: "Traducir a:",
+	translateButton: "🌐 Traducir",
+	translatePageButton: "🌐 Traducir Página",
+	translateTextButton: "🌐 Traducir Texto",
+	processingText: "Procesando...",
+
 	// System prompt components
 	systemPromptIntro: "Eres Hermes AI, impulsado por Nous Research, integrado en una página web. Tu tarea es generar una introducción cálida y acogedora de 3 párrafos que muestre que entiendes la página específica que el usuario está viendo.",
 	systemPromptTask1: "1. Te presentas como Hermes AI y reconoces la página/contenido específico",

src/languages/fr.js

@@ -74,6 +74,14 @@ export const fr = {
 	speedLabel: "Vitesse:",
 	playText: "Lire le Texte",
 
+	// Translation modal content
+	translatePageInfo: "Traduisez le contenu de la page actuelle dans votre langue choisie:",
+	translateToLabel: "Traduire vers:",
+	translateButton: "🌐 Traduire",
+	translatePageButton: "🌐 Traduire la Page",
+	translateTextButton: "🌐 Traduire le Texte",
+	processingText: "Traitement...",
+
 	// System prompt components
 	systemPromptIntro: "Vous êtes Hermes AI, alimenté par Nous Research, intégré sur une page web. Votre tâche est de générer une introduction chaleureuse et accueillante de 3 paragraphes qui montre que vous comprenez la page spécifique que l'utilisateur consulte.",
 	systemPromptTask1: "1. Vous vous présentez comme Hermes AI et reconnaissez la page/contenu spécifique",