Task/improve style of stepper in user account registration dialog (#8157)

* Improve style of stepper in user account registration dialog

* Update changelog

CHANGELOG.md

@@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Improved the style of the stepper in the user account registration dialog
 - Improved the labels of the client of the last request in the users section of the admin control panel
 
 ### Fixed

apps/client/src/app/pages/register/user-account-registration-dialog/user-account-registration-dialog.html

@@ -8,6 +8,7 @@
   <mat-stepper
     #stepper
     animationDuration="0ms"
+    [disableRipple]="true"
     [linear]="true"
     [orientation]="data.deviceType === 'mobile' ? 'vertical' : 'horizontal'"
   >

apps/client/src/app/pages/register/user-account-registration-dialog/user-account-registration-dialog.scss

@@ -1,3 +1,5 @@
+@use '@angular/material' as mat;
+
 :host {
   --mat-dialog-with-actions-content-padding: 0;
 
@@ -10,6 +12,15 @@
     }
   }
 
+  mat-stepper {
+    @include mat.stepper-overrides(
+      (
+        header-focus-state-layer-color: transparent,
+        header-hover-state-layer-color: transparent
+      )
+    );
+  }
+
   .mat-mdc-dialog-actions {
     padding: 0 !important;
   }