Fix HTML formatting in translated text

- Update translateElement function to support HTML tags
- Settings modal note now displays with proper <strong> formatting
- Applied to both dashboard and leaderboard
- Text with HTML tags now uses innerHTML instead of textContent

public/js/dashboard.js

@@ -92,7 +92,12 @@ supabase.auth.onAuthStateChange((event, session) => {
 // Language Management
 function translateElement(element, language) {
     if (element.dataset[language]) {
-        element.textContent = element.dataset[language];
+        // Check if the content contains HTML tags
+        if (element.dataset[language].includes('<')) {
+            element.innerHTML = element.dataset[language];
+        } else {
+            element.textContent = element.dataset[language];
+        }
     }
 }
 

public/js/leaderboard.js

@@ -631,7 +631,12 @@ let currentLanguage = 'en'; // Default to English
 // Translation function
 function translateElement(element, language) {
     if (element.dataset[language]) {
-        element.textContent = element.dataset[language];
+        // Check if the content contains HTML tags
+        if (element.dataset[language].includes('<')) {
+            element.innerHTML = element.dataset[language];
+        } else {
+            element.textContent = element.dataset[language];
+        }
     }
 }