feat: use i18next-http-backend and fix ts-ignore

i18next-xhr-backend is not maintained any more and [superseded](i18next/i18next-xhr-backend#348 (comment))
by i18next-http-backend.

Author: wfleischer

package-lock.json

@@ -58,7 +58,7 @@
     "i18n-iso-countries": "6.8.0",
     "i18next": "17.0.6",
     "i18next-browser-languagedetector": "3.0.1",
-    "i18next-xhr-backend": "3.0.0",
+    "i18next-http-backend": "^2.2.1",
     "image-capture": "0.4.0",
     "jquery": "3.6.1",
     "jquery-i18next": "1.2.1",

package.json

@@ -1,6 +1,6 @@
 import COUNTRIES_RESOURCES from 'i18n-iso-countries/langs/en.json';
 import i18next from 'i18next';
-import I18nextXHRBackend from 'i18next-xhr-backend';
+import I18nextXHRBackend, { HttpBackendOptions } from 'i18next-http-backend';
 import _ from 'lodash';
 
 import LANGUAGES_RESOURCES from '../../../../lang/languages.json';
@@ -61,10 +61,10 @@ export const DEFAULT_LANGUAGE = 'en';
 /**
  * The options to initialize i18next with.
  *
- * @type {Object}
+ * @type {i18next.InitOptions}
  */
-const options = {
-    backend: {
+const options: i18next.InitOptions = {
+    backend: <HttpBackendOptions>{
         loadPath: 'lang/{{ns}}-{{lng}}.json'
     },
     defaultNS: 'main',
@@ -76,6 +76,7 @@ const options = {
     ns: [ 'main', 'languages', 'countries', 'translation-languages' ],
     react: {
         // re-render when a new resource bundle is added
+        // @ts-expect-error. Fixed in i18next 19.6.1.
         bindI18nStore: 'added',
         useSuspense: false
     },
@@ -89,7 +90,7 @@ const options = {
 
 i18next
     .use(navigator.product === 'ReactNative' ? {} : I18nextXHRBackend)
-    .use(languageDetector) // @ts-ignore
+    .use(languageDetector)
     .init(options);
 
 // Add default language which is preloaded from the source code.