hotfix: mask sensitive fields

Author: nicoalee

src/app/pages/landing-page/login/login.component.html

@@ -4,7 +4,15 @@ <h1 style="color: gray">Bienvenue au Labo Sharp</h1>
     <form [formGroup]="loginForm" (ngSubmit)="onSubmit()">
         <mat-form-field appearance="outline" class="pt-1" floatLabel="always">
             <mat-label>EMAIL / COURRIEL</mat-label>
-            <input matInput formControlName="email" type="email" placeholder="[email protected]" email required />
+            <input
+                class="mask-sensitive"
+                matInput
+                formControlName="email"
+                type="email"
+                placeholder="[email protected]"
+                email
+                required
+            />
             <mat-error *ngIf="loginForm.get('email')?.hasError('required')"
                 >This is required / Ceci est requis</mat-error
             >
@@ -18,6 +26,7 @@ <h1 style="color: gray">Bienvenue au Labo Sharp</h1>
                 passwordIsVisible ? 'visibility' : 'visibility_off'
             }}</mat-icon>
             <input
+                class="mask-sensitive"
                 type="text"
                 required
                 formControlName="password"

src/main.ts

@@ -11,6 +11,7 @@ if (environment.production) {
         integrations: [
             replayIntegration({
                 maskAllText: false,
+                mask: ['.mask-sensitive'],
                 blockAllMedia: false,
             }),
             browserTracingIntegration(),