fix(admin-ui): Fix hyphenation of long words (#1390)

packages/admin-ui/src/lib/core/src/components/main-nav/main-nav.component.scss

@@ -18,6 +18,7 @@ nav.sidenav {
     }
     .nav-group-header {
         margin: 0;
+        line-height: 1.2;
     }
     .nav-link {
         display: inline-flex;
@@ -31,6 +32,10 @@ nav.sidenav {
     margin-right: 12px;
 }
 
+.nav-group {
+    hyphens: auto;
+}
+
 .nav-group,
 .nav-link {
     position: relative;

packages/admin-ui/src/lib/core/src/providers/i18n/i18n.service.ts

@@ -1,8 +1,10 @@
-import { Injectable } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import { Inject, Injectable } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 
 import { LanguageCode } from '../../common/generated-types';
 
+/** @dynamic */
 @Injectable({
     providedIn: 'root',
 })
@@ -13,7 +15,7 @@ export class I18nService {
         return [...this._availableLanguages];
     }
 
-    constructor(private ngxTranslate: TranslateService) {}
+    constructor(private ngxTranslate: TranslateService, @Inject(DOCUMENT) private document: Document) {}
 
     /**
      * Set the default language
@@ -27,6 +29,9 @@ export class I18nService {
      */
     setLanguage(language: LanguageCode): void {
         this.ngxTranslate.use(language);
+        if (this.document?.documentElement) {
+            this.document.documentElement.lang = language;
+        }
     }
 
     /**