support multiline dynamic text in presentation mode

src/app/modules/presentation/monitor/monitor.component.html

@@ -23,7 +23,7 @@
     <div class="date">{{ date | date: "dd.MM.yyyy" }}</div>
   </div>
 
-  <div *ngIf="songId === 'dynamicText'" @songSwitch class="start fullscreen">
+  <div *ngIf="songId === 'dynamicText'" @songSwitch class="start fullscreen dynamic-text">
     <div>{{ presentationDynamicCaption }}</div>
     <div class="date">{{ presentationDynamicText }}</div>
   </div>
@@ -33,13 +33,13 @@
     *ngIf="songId !== 'title' && songId !== 'empty'"
     [@songSwitch]="songId"
     [fullscreen]="true"
-    [index]="index"
+    [index]="index??0"
     [showSwitch]="false"
     [text]="song.text"
     chordMode="hide"
   ></app-song-text>
   <app-legal
-    *ngIf="songId !== 'title' && songId !== 'empty'"
+    *ngIf="songId !== 'title' && songId !== 'empty' && songId !== 'dynamicText'"
     [@songSwitch]="songId"
     [config]="config$ | async"
     [song]="song"

src/app/modules/presentation/monitor/monitor.component.less

@@ -106,7 +106,12 @@
   filter: blur(30px);
   opacity: 0.1;
   transform: scale(0.8) translateY(-10%);
+
   &.no-logo {
     opacity: 0;
   }
 }
+
+.dynamic-text {
+  white-space: pre-wrap;
+}