feat: make result messages log foldable

refs #519

src/app/app.module.ts

@@ -23,7 +23,7 @@ import { MatTableModule } from "@angular/material/table";
 import { MatTabsModule } from "@angular/material/tabs";
 import { MatToolbarModule } from "@angular/material/toolbar";
 import { MatTooltipModule } from "@angular/material/tooltip";
-
+import { MatExpansionModule } from '@angular/material/expansion';
 import { MaterialFileInputModule } from "ngx-material-file-input";
 
 import { DragDropModule } from "@angular/cdk/drag-drop";
@@ -170,6 +170,7 @@ const appRoutes: Routes = [
         MatTabsModule,
         MatToolbarModule,
         MatTooltipModule,
+        MatExpansionModule,
         MatomoModule,
         RouterModule.forRoot(
         appRoutes,

src/app/components/log/log.component.html

-<div *ngIf="hasEntries">
-    <div class="hyd_log">
-        <!-- titre -->
-        <div class="titre">{{ uitextTitreJournal }}</div>
-        <!-- entrées du journal -->
-        <log-entry *ngFor="let m of _log?.messages" [_message]="m"></log-entry>
-    </div>
-</div>
+<mat-expansion-panel *ngIf="hasEntries" expanded>
+    <mat-expansion-panel-header>
+        <mat-panel-title>
+            {{ uitextTitreJournal }}
+        </mat-panel-title>
+    </mat-expansion-panel-header>
+    <!-- entrées du journal -->
+    <log-entry *ngFor="let m of _log?.messages" [_message]="m"></log-entry>
+</mat-expansion-panel>