add structure for German localization

ui/__generated__/globalTypes.ts

@@ -11,6 +11,7 @@ export enum LanguageTranslation {
   Danish = 'Danish',
   English = 'English',
   French = 'French',
+  German = 'German',
   Italian = 'Italian',
   Polish = 'Polish',
   Spanish = 'Spanish',

ui/babel.config.js

@@ -13,7 +13,7 @@ module.exports = function (api) {
       plugins.push([
         'i18next-extract',
         {
-          locales: ['en', 'da', 'fr', 'sv', 'es', 'it', 'pl'],
+          locales: ['en', 'da', 'fr', 'sv', 'es', 'it', 'pl', 'de'],
           defaultValue: null,
         },
       ])

ui/src/Pages/SettingsPage/UserPreferences.tsx

@@ -24,6 +24,7 @@ const languagePreferences = [
   { key: 5, text: 'Español', flag: 'es', value: LanguageTranslation.Spanish },
   { key: 6, text: 'polski', flag: 'pl', value: LanguageTranslation.Polish },
   { key: 7, text: 'Italiano', flag: 'it', value: LanguageTranslation.Italian },
+  { key: 8, text: 'Deutsch', flag: 'de', value: LanguageTranslation.German },
 ]
 
 const CHANGE_USER_PREFERENCES = gql`

ui/src/localization.ts

@@ -100,6 +100,12 @@ export const loadTranslations = () => {
           i18n.changeLanguage('pl')
         })
         return
+      case LanguageTranslation.German:
+        import('../extractedTranslations/de/translation.json').then(german => {
+          i18n.addResourceBundle('de', 'translation', german)
+          i18n.changeLanguage('de')
+        })
+        return
     }
 
     exhaustiveCheck(language)