feat(lang): add lang config for Bulgarian, Finnish, Ukrainian, Indonesian, Slovak, Turkish and Maori (#3834)

src/context/LanguageContext.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 
 export type AvailableLocale =
   | 'ar'
+  | 'bg'
   | 'ca'
   | 'cs'
   | 'da'
@@ -9,8 +10,11 @@ export type AvailableLocale =
   | 'en'
   | 'el'
   | 'es'
+  | 'fi'
   | 'fr'
   | 'hr'
+  | 'he'
+  | 'hi'
   | 'hu'
   | 'it'
   | 'ja'
@@ -21,10 +25,12 @@ export type AvailableLocale =
   | 'pl'
   | 'pt-BR'
   | 'pt-PT'
+  | 'ro'
   | 'ru'
   | 'sq'
   | 'sr'
   | 'sv'
+  | 'uk'
   | 'zh-CN'
   | 'zh-TW';
 
@@ -34,6 +40,10 @@ type AvailableLanguageObject = Record<
 >;
 
 export const availableLanguages: AvailableLanguageObject = {
+  bg: {
+    code: 'bg',
+    display: 'Bulgarian',
+  },
   ca: {
     code: 'ca',
     display: 'Català',
@@ -58,10 +68,22 @@ export const availableLanguages: AvailableLanguageObject = {
     code: 'es',
     display: 'Español',
   },
+  fi: {
+    code: 'fi',
+    display: 'Finnish',
+  },
   fr: {
     code: 'fr',
     display: 'Français',
   },
+  he: {
+    code: 'he',
+    display: 'Hebrew',
+  },
+  hi: {
+    code: 'hi',
+    display: 'Hindi',
+  },
   hr: {
     code: 'hr',
     display: 'Hrvatski',
@@ -110,6 +132,10 @@ export const availableLanguages: AvailableLanguageObject = {
     code: 'el',
     display: 'Ελληνικά',
   },
+  ro: {
+    code: 'ro',
+    display: 'Romanian',
+  },
   ru: {
     code: 'ru',
     display: 'pусский',
@@ -130,6 +156,10 @@ export const availableLanguages: AvailableLanguageObject = {
     code: 'ko',
     display: '한국어',
   },
+  uk: {
+    code: 'uk',
+    display: 'українська мова',
+  },
   'zh-TW': {
     code: 'zh-TW',
     display: '繁體中文',

src/pages/_app.tsx

@@ -28,6 +28,8 @@ const loadLocaleData = (locale: AvailableLocale): Promise<any> => {
   switch (locale) {
     case 'ar':
       return import('../i18n/locale/ar.json');
+    case 'bg':
+      return import('../i18n/locale/bg.json');
     case 'ca':
       return import('../i18n/locale/ca.json');
     case 'cs':
@@ -40,8 +42,14 @@ const loadLocaleData = (locale: AvailableLocale): Promise<any> => {
       return import('../i18n/locale/el.json');
     case 'es':
       return import('../i18n/locale/es.json');
+    case 'fi':
+      return import('../i18n/locale/fi.json');
     case 'fr':
       return import('../i18n/locale/fr.json');
+    case 'he':
+      return import('../i18n/locale/he.json');
+    case 'hi':
+      return import('../i18n/locale/hi.json');
     case 'hr':
       return import('../i18n/locale/hr.json');
     case 'hu':
@@ -64,6 +72,8 @@ const loadLocaleData = (locale: AvailableLocale): Promise<any> => {
       return import('../i18n/locale/pt_BR.json');
     case 'pt-PT':
       return import('../i18n/locale/pt_PT.json');
+    case 'ro':
+      return import('../i18n/locale/ro.json');
     case 'ru':
       return import('../i18n/locale/ru.json');
     case 'sq':
@@ -72,6 +82,8 @@ const loadLocaleData = (locale: AvailableLocale): Promise<any> => {
       return import('../i18n/locale/sr.json');
     case 'sv':
       return import('../i18n/locale/sv.json');
+    case 'uk':
+      return import('../i18n/locale/uk.json');
     case 'zh-CN':
       return import('../i18n/locale/zh_Hans.json');
     case 'zh-TW':