fix the language button

components/footer.js

@@ -150,7 +150,9 @@ class CustomFooter extends HTMLElement {
                 document.getElementById('footer-language-select').addEventListener('change', function() {
                   const lang = this.value;
                   localStorage.setItem('amplify-language-pref', lang);
-                  window.dispatchEvent(new CustomEvent('language-changed', { detail: lang }));
+                  i18next.changeLanguage(lang, () => {
+                    updateContent();
+                  });
                 });
               </script>
 </div>

index.html

@@ -96,7 +96,7 @@
                             <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="fr">Français</a>
                             <a href="#" class="language-switch block px-4 py-2 text-white hover:bg-yellow-500 hover:text-black" data-lang="de">Deutsch</a>
                         </div>
-</div>
+                    </div>
 <a href="login.html" class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold px-4 py-2 rounded-lg transition flex items-center">
                         <i data-feather="user" class="mr-2"></i> Login
                     </a>