fix: layout issue on small components

src/app/profile/profile.component.html

-<div fxLayout="column" class="content-container">
+<div fxLayout="column" class="content-container full-screen">
   <div class="section-container" fxLayout="column" fxLayoutAlign="center center">
     <h1>Profil</h1>
     <div *ngIf="userProfile" fxLayout="column" fxLayoutAlign="center" fxLayoutGap="10px">

src/app/reset-email/reset-email.component.html

-<div fxLayout="column" class="content-container">
+<div fxLayout="column" class="content-container full-screen">
   <div class="section-container" fxLayout="colum" fxLayoutAlign="center center">
     <p *ngIf="changeSuccess">
       Vous avez correctement changé votre email associé a votre compte. Vous pouvez désormais vous reconnecter avec

src/app/reset-password/reset-password.component.html

-<div fxLayout="column" class="content-container">
+<div fxLayout="column" class="content-container full-screen">
   <div class="section-container" fxLayout="column" fxLayoutAlign="center center">
     <h1>Réinitialisation du mot de passe</h1>
     <form *ngIf="!token" [formGroup]="resetForm" (ngSubmit)="onSubmit()">

src/app/user-verification/user-verification.component.html

-<div fxLayout="column" class="content-container">
+<div fxLayout="column" class="content-container full-screen">
   <h1 style="display: none">Vérification du mail utilisateur</h1>
   <div class="section-container" fxLayout="colum" fxLayoutAlign="center center">
     <p *ngIf="!verificationSuccess && !verificationIssue">Votre email est en cours de vérification ...</p>

src/styles.scss

@@ -6,6 +6,7 @@
 @import 'assets/scss/icons';
 @import 'assets/scss/inputs';
 @import 'assets/scss/hyperlink';
+@import 'assets/scss/layout';
 @import '../node_modules/leaflet.locatecontrol/dist/L.Control.Locate.css';
 
 html {
@@ -68,6 +69,9 @@ a {
   &.no-pt {
     padding: 0 0 30px 0;
   }
+  &.full-screen {
+    height: calc(100vh - #{$header-height} - #{$footer-height});
+  }
   @media #{$phone} {
     padding-top: 30px;
   }