feat(octra): new line option for text converter

apps/octra/src/app/app.component.html

@@ -6,18 +6,11 @@
   </header>
   <main style="margin-top: 40px">
     @if (environment.dev_version) {
-      <div
-        class="d-none d-md-block beta_mark text-outline-white"
-        >
-        in development
-      </div>
-    }
-    @if (environment.beta_version) {
-      <div
-        class="d-none d-md-block beta_mark text-outline-white"
-        >
-        beta
-      </div>
+    <div class="d-none d-md-block beta_mark text-outline-white">
+      in development
+    </div>
+    } @if (environment.beta_version) {
+    <div class="d-none d-md-block beta_mark text-outline-white">beta</div>
     }
     <div class="container-fluid flex">
       <router-outlet></router-outlet>

apps/octra/src/app/app.transloco.ts

@@ -28,7 +28,7 @@ export class TranslocoHttpLoader implements TranslocoLoader {
         fallbackLang: 'en',
         missingHandler: {
           // It will use the first language set in the `fallbackLang` property
-          useFallbackTranslation: true
+          useFallbackTranslation: true,
         },
         prodMode: environment.production,
         reRenderOnLangChange: true,

apps/octra/src/app/core/component/alert/alert.component.html

@@ -1,17 +1,17 @@
 @for (toast of alertService.queue; track toast) {
-  <ngb-toast
-        [ngClass]="{
-         'bg-danger text-light': toast.type === 'danger',
-         'bg-success text-light': toast.type === 'success',
-         'bg-warning text-dark': toast.type === 'warning'
-        }"
-    (mouseenter)="toast.autohide = false"
-    (mouseleave)="toast.autohide = true"
-    (hide)="toast.autohide = true"
-    [autohide]="toast.autohide"
-    [delay]="toast.duration"
-    (hidden)="alertService.closeAlert(toast.id)"
-    >
-    {{ toast.message }}
-  </ngb-toast>
+<ngb-toast
+  [ngClass]="{
+    'bg-danger text-light': toast.type === 'danger',
+    'bg-success text-light': toast.type === 'success',
+    'bg-warning text-dark': toast.type === 'warning'
+  }"
+  (mouseenter)="toast.autohide = false"
+  (mouseleave)="toast.autohide = true"
+  (hide)="toast.autohide = true"
+  [autohide]="toast.autohide"
+  [delay]="toast.duration"
+  (hidden)="alertService.closeAlert(toast.id)"
+>
+  {{ toast.message }}
+</ngb-toast>
 }

apps/octra/src/app/core/component/alert/alert.component.scss

@@ -1,6 +1,6 @@
 :host {
   position: absolute;
-  margin-top:40px;
+  margin-top: 40px;
   top: 0;
   right: 0;
   z-index: 10000;