fix language loading on landing page

client/src/i18n.ts

@@ -3,13 +3,12 @@ import Backend from "i18next-http-backend"
 import { initReactI18next } from "react-i18next";
 
 i18n
-.use(initReactI18next) // passes i18n down to react-i18next
+.use(initReactI18next)
 .use(Backend)
 .init({
     ns: ['translation'],
     backend: {
-      // see https://github.com/i18next/i18next-http-backend
-
+      // > see https://github.com/i18next/i18next-http-backend
       loadPath: function(lngs, namespaces: Array<string>) {
         if (namespaces[0].startsWith("g/")) {
           return '/i18n/{{ns}}/{{lng}}/Game.json';
@@ -18,12 +17,18 @@ i18n
         }
       }
     },
-    lng: "en", // language to use, more information here: https://www.i18next.com/overview/configuration-options#languages-namespaces-resources
-    // you can use the i18n.changeLanguage function to change the language manually: https://www.i18next.com/overview/api#changelanguage
-    // if you're using a language detector, do not define the lng option
+    // > language to use, more information here:
+    // > https://www.i18next.com/overview/configuration-options#languages-namespaces-resources
+    lng: "en",
+    // we use natural language keys, so we don't need a fallback language.
+    fallbackLng: false,
+    // > you can use the i18n.changeLanguage function to change the language manually:
+    // > https://www.i18next.com/overview/api#changelanguage
+    // > if you're using a language detector, do not define the lng option
     returnEmptyString: false,
     interpolation: {
-      escapeValue: false // react already safes from xss
+      // > react already safes from xss
+      escapeValue: false
     }
   });