fix(layout): make mat-drawer-container fill remaining height after toolbar

Changed mat-drawer-container from height: 100% (overflows past toolbar)
to flex: 1 + overflow: hidden. Added mat-drawer-content flex column
styling so routed content fills the available space.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: renemadsen

eform-client/src/app/components/layouts/full-layout/full-layout.component.html

@@ -33,15 +33,15 @@
 <!--      </mat-menu>-->
 <!--    </div>-->
   </mat-toolbar>
-  <mat-drawer-container autosize style="height: 100%;" class="mat-app-background">
+  <mat-drawer-container autosize style="flex: 1; overflow: hidden;" class="mat-app-background">
     <mat-drawer
       #drawer
       [mode]="sidenavMode"
       [opened]="(selectSideMenuOpened$ | async) === true">
       <app-navigation (clickOnLink)="onClickOnLink()"></app-navigation>
       <app-footer></app-footer>
     </mat-drawer>
-    <div class="mb-auto mat-app-background" *ngIf="selectIsAuth$ | async">
+    <div class="mb-auto mat-app-background" style="flex: 1; overflow: auto;" *ngIf="selectIsAuth$ | async">
       <app-userback-widget></app-userback-widget>
       <router-outlet></router-outlet>
     </div>

eform-client/src/app/components/layouts/full-layout/full-layout.component.scss

@@ -17,6 +17,11 @@
   justify-content: space-between;
 }
 
+:host ::ng-deep .mat-drawer-content {
+  display: flex;
+  flex-direction: column;
+}
+
 .tag {
   width: $icon-size + $icon-size + $icon-size;
   justify-content: space-between;