Simplify english locale translations into one

libs/designsystem/shared/src/translation/translation.service.ts

@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 import { Inject, LOCALE_ID } from '@angular/core';
 import { da } from './translations/da';
-import { enUS } from './translations/en-us';
+import { en } from './translations/en';
 import { Translation } from './translation.interface';
 
 @Injectable({
@@ -10,20 +10,21 @@ import { Translation } from './translation.interface';
 export class TranslationService {
   private translations: { [key: string]: Translation } = {
     da,
-    'en-US': enUS,
+    en,
   };
 
-  public currentTranslation: Translation = enUS;
+  public currentTranslation: Translation = en;
 
   constructor(@Inject(LOCALE_ID) private localeId: string) {
     this.setCurrentTranslation(localeId);
   }
 
   setCurrentTranslation(localeId: string): string {
-    const translation = this.translations[localeId];
+    const baseLocaleId = localeId.split('-')[0];
+    const translation = this.translations[baseLocaleId];
 
     if (!translation) {
-      console.warn(`Translation not found for locale "${this.localeId}", falling back to "en-US"`);
+      console.warn(`Translation not found for locale "${this.localeId}", falling back to "en"`);
       return;
     }
 

libs/designsystem/shared/src/translation/translations/en-us.ts → libs/designsystem/shared/src/translation/translations/en.ts

@@ -1,6 +1,6 @@
 import { Translation } from '../translation.interface';
 
-export const enUS: Translation = {
+export const en: Translation = {
   back: 'Back',
   close: 'Close',
   nextMonth: 'Next month',