improvements

Add language selector, flags, add footer with links, fix battery detection text

public/index.html

@@ -244,6 +244,27 @@
       pointer-events: none;
       text-align: center;
     }
+
+    footer {
+      margin-top: 40px;
+      padding-top: 20px;
+      border-top: 1px solid var(--border-color);
+      text-align: center;
+      font-size: 0.9rem;
+      color: var(--text-color);
+      opacity: 0.8;
+    }
+
+    footer a {
+      color: var(--text-color);
+      text-decoration: none;
+      transition: color 0.2s;
+    }
+
+    footer a:hover {
+      color: var(--primary);
+      text-decoration: underline;
+    }
   </style>
 </head>
 
@@ -254,9 +275,12 @@
       <div class="header-top">
         <h1 data-i18n="app_title">Device Tester Pro</h1>
         <div class="header-controls">
-          <button class="icon-btn" onclick="changeLanguage('en')" id="btn-en" aria-label="English">🇺🇸</button>
+          <button class="icon-btn" onclick="changeLanguage('en')" id="btn-en" aria-label="English"><img
-          <button class="icon-btn" onclick="changeLanguage('pt')" id="btn-pt" aria-label="Português">🇧🇷</button>
+              src="https://flagcdn.com/24x18/us.png" alt="US" width="24" height="18"></button>
-          <button class="icon-btn" onclick="changeLanguage('es')" id="btn-es" aria-label="Español">🇲🇽</button>
+          <button class="icon-btn" onclick="changeLanguage('pt')" id="btn-pt" aria-label="Português"><img
+              src="https://flagcdn.com/24x18/br.png" alt="BR" width="24" height="18"></button>
+          <button class="icon-btn" onclick="changeLanguage('es')" id="btn-es" aria-label="Español"><img
+              src="https://flagcdn.com/24x18/mx.png" alt="MX" width="24" height="18"></button>
           <div style="width: 1px; height: 24px; background: var(--border-color); margin: 0 4px;"></div>
           <button class="theme-toggle" onclick="toggleTheme()" data-i18n="theme_toggle">🌓 Theme</button>
         </div>
@@ -277,7 +301,7 @@
     <!-- Battery -->
     <div class="test-card">
       <h2 data-i18n="battery_title">🔋 Battery</h2>
-      <p id="battery-status" data-i18n="detecting">Detecting...</p>
+      <p id="battery-status">Detecting...</p>
       <div class="bar-container">
         <div id="battery-bar" class="bar-fill" style="background-color: var(--primary);"></div>
       </div>
@@ -339,6 +363,13 @@
       </div>
     </div>
 
+    <footer>
+      <p>
+        <a href="https://icc.gg/privacidade" target="_blank" data-i18n="privacy_policy">Privacy Policy</a> •
+        <a href="https://icc.gg/termos" target="_blank" data-i18n="terms_conditions">Terms and Conditions</a>
+      </p>
+    </footer>
+
   </div>
 
   <!-- Overlay para teste de tela -->
@@ -386,7 +417,9 @@
         device_unknown: "Unknown Device",
         default_output: "Default Output",
         ipv4_unavailable: "Unavailable",
-        ipv6_not_detected: "Not detected"
+        ipv6_not_detected: "Not detected",
+        privacy_policy: "Privacy Policy",
+        terms_conditions: "Terms and Conditions"
       },
       pt: {
         app_title: "Teste de Dispositivos",
@@ -425,7 +458,9 @@
         device_unknown: "Dispositivo não identificado",
         default_output: "Saída Padrão",
         ipv4_unavailable: "Indisponível",
-        ipv6_not_detected: "Não detectado"
+        ipv6_not_detected: "Não detectado",
+        privacy_policy: "Política de Privacidade",
+        terms_conditions: "Termos e Condições"
       },
       es: {
         app_title: "Prueba de Dispositivos",
@@ -464,7 +499,9 @@
         device_unknown: "Dispositivo desconocido",
         default_output: "Salida Predeterminada",
         ipv4_unavailable: "No disponible",
-        ipv6_not_detected: "No detectado"
+        ipv6_not_detected: "No detectado",
+        privacy_policy: "Política de Privacidad",
+        terms_conditions: "Términos y Condiciones"
       }
     };