fix(frontend): fix build & fix manage

Author: pYassine

packages/frontend/bootstrap-audit.md

@@ -36,11 +36,6 @@
     "@domifa/common": "workspace:^",
     "@edugouvfr/ngx-dsfr": "1.16.4",
     "@edugouvfr/ngx-dsfr-ext": "^1.5.0",
-    "@fortawesome/angular-fontawesome": "0.15.0",
-    "@fortawesome/fontawesome-common-types": "^6.7.2",
-    "@fortawesome/fontawesome-svg-core": "^6.7.2",
-    "@fortawesome/free-regular-svg-icons": "^6.7.2",
-    "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@gouvfr/dsfr": "1.14.4",
     "@khazii/ngx-intl-tel-input": "^17.0.1",
     "@ng-bootstrap/ng-bootstrap": "^17.0.1",

packages/frontend/package.json

@@ -16,8 +16,6 @@ import { FormsModule, ReactiveFormsModule } from "@angular/forms";
 import { BrowserModule } from "@angular/platform-browser";
 import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
 
-import { FontAwesomeModule } from "@fortawesome/angular-fontawesome";
-
 import { NgbModule } from "@ng-bootstrap/ng-bootstrap";
 
 import { environment } from "src/environments/environment";
@@ -70,7 +68,6 @@ registerLocaleData(localeFr, "fr");
     BrowserAnimationsModule.withConfig({ disableAnimations }),
     FormsModule,
     ReactiveFormsModule,
-    FontAwesomeModule,
     GeneralModule,
     NgbModule,
     StoreModule.forRoot({ app: _usagerReducer }),

packages/frontend/src/app/app.module.ts

@@ -23,7 +23,7 @@ import {
   NgbDateCustomParserFormatter,
   CustomDatepickerI18n,
 } from "../shared/services";
-import { FontAwesomeModule } from "@fortawesome/angular-fontawesome";
+
 import { ManageUserUsagerComponent } from "./components/manage-user-usager/manage-user-usager.component";
 import { DsfrEditorComponent } from "@edugouvfr/ngx-dsfr-ext/editor";
 import {
@@ -48,7 +48,7 @@ import { DisplayLastLoginComponent } from "../shared/components/display-last-log
     ReactiveFormsModule,
     SharedModule,
     GeneralModule,
-    FontAwesomeModule,
+
     DsfrEditorComponent,
     DsfrModalComponent,
     DisplayLastLoginComponent,

packages/frontend/src/app/modules/admin-portail-usagers/admin-portail-usagers.module.ts

@@ -271,13 +271,10 @@
         [disabled]="loading"
         [attr.aria-busy]="loading"
       >
-        <fa-icon
-          *ngIf="loading"
-          [icon]="['fas', 'circle-notch']"
-          animation="spin"
+        <span
+          class="fr-icon-refresh-line fr-icon--spin fr-mr-1w"
           aria-hidden="true"
-          class="fr-mr-1w"
-        ></fa-icon>
+        ></span>
         <span *ngIf="loading">Veuillez patienter...</span>
         <span *ngIf="!loading">
           {{ structureInformation?.uuid ? "Modifier" : "Ajouter" }}

packages/frontend/src/app/modules/admin-portail-usagers/components/manage-structure-information-form/manage-structure-information-form.component.html

@@ -49,12 +49,10 @@ <h3 class="fr-h4">
         style="text-align: center"
       >
         <div>
-          <fa-icon
-            [icon]="['fas', 'spinner']"
-            class="spinner"
-            animation="spin"
+          <span
+            class="fr-icon-refresh-line fr-icon--spin fr-mr-1w"
             aria-hidden="true"
-          ></fa-icon>
+          ></span>
           <br />
           <span class="fr-text--bold">Chargement des comptes...</span>
         </div>

packages/frontend/src/app/modules/admin-portail-usagers/components/manage-user-usager/manage-user-usager.component.html

@@ -24,7 +24,7 @@
               <img src="assets/images/logo.svg" alt="" />
             </div>
           </div>
-          <p class="fr-text-title--blue-france fw-bold">
+          <p class="fr-text-title--blue-france fr-text--bold">
             Votre outil de gestion pour simplifier la domiciliation
           </p>
           <div

packages/frontend/src/app/modules/auth/components/login-container/login-container.component.html

@@ -28,7 +28,7 @@ import { PREFERRED_COUNTRIES } from "../../../../../_common/model";
 import { anyPhoneValidator, getFormPhone } from "../../../../shared/phone";
 import { NgClass, NgIf } from "@angular/common";
 import { RouterModule } from "@angular/router";
-import { FontAwesomeModule } from "@fortawesome/angular-fontawesome";
+
 import { NgbModule } from "@ng-bootstrap/ng-bootstrap";
 import { SharedModule } from "../../../shared/shared.module";
 import { PhoneInputComponent } from "../../../usager-shared/components/input-phone-international/input-phone-international.component";
@@ -42,7 +42,7 @@ import { PhoneInputComponent } from "../../../usager-shared/components/input-pho
     NgIf,
     NgClass,
     NgbModule,
-    FontAwesomeModule,
+
     SharedModule,
     RouterModule,
     NgxIntlTelInputModule,

packages/frontend/src/app/modules/general/components/contact-support/contact-support.component.ts

@@ -77,20 +77,20 @@ <h3 class="fr-card__title fr-my-0w">Pour les domiciliés</h3>
             <div class="fr-card__desc">
               <ul>
                 <li>
-                  <span class="fw-bold">
+                  <span class="fr-text--bold">
                     Un traitement accéléré des demandes</span
                   >
                   , permettant un accès plus rapide aux droits fondamentaux
                   (sécurité sociale, aides sociales, etc.).
                 </li>
                 <li>
-                  <span class="fw-bold">
+                  <span class="fr-text--bold">
                     Une sécurisation totale des données</span
                   >, évitant les pertes d’informations et garantissant une
                   continuité fiable dans l’accompagnement.
                 </li>
                 <li>
-                  <span class="fw-bold">
+                  <span class="fr-text--bold">
                     Une communication simplifiée entre structures et
                     usagers</span
                   >, limitant les déplacements inutiles et facilitant le suivi
@@ -126,20 +126,20 @@ <h3 class="fr-card__title fr-my-0w">
             <div class="fr-card__desc">
               <ul>
                 <li>
-                  <span class="fw-bold"
+                  <span class="fr-text--bold"
                     >Une optimisation des moyens disponibles</span
                   >, permettant de gérer plus efficacement l’activité de
                   domiciliation.
                 </li>
                 <li>
-                  <span class="fw-bold"
+                  <span class="fr-text--bold"
                     >Un processus digitalisé, rapide et sécurisé</span
                   >, qui réduit considérablement le temps consacré aux tâches
                   administratives et libère du temps pour l’accompagnement
                   social.
                 </li>
                 <li>
-                  <span class="fw-bold"
+                  <span class="fr-text--bold"
                     >Une gestion complète et centralisée de la
                     domiciliation</span
                   >, facilitant l’instruction des demandes, le suivi du courrier
@@ -174,19 +174,19 @@ <h3 class="fr-card__title fr-my-0w">
             <div class="fr-card__desc">
               <ul>
                 <li>
-                  <span class="fw-bold"
+                  <span class="fr-text--bold"
                     >Une optimisation des moyens disponibles</span
                   >, permettant de gérer plus efficacement l’activité de
                   domiciliation.
                 </li>
                 <li>
-                  <span class="fw-bold"
+                  <span class="fr-text--bold"
                     >Une harmonisation des pratiques entre les structures</span
                   >, facilitant un suivi clair et une analyse fiable des données
                   à l’échelle nationale.
                 </li>
                 <li>
-                  <span class="fw-bold"
+                  <span class="fr-text--bold"
                     >Une meilleure coordination de l’ensemble des acteurs</span
                   >, permettant un pilotage plus efficace et cohérent de cette
                   mission d’intérêt général.
@@ -227,7 +227,7 @@ <h2 class="fr-text-title--blue-france">
         plateforme complète pour :
       </h2>
     </div>
-    <div class="fw-bold">
+    <div class="fr-text--bold">
       <p>
         ✅ Dématérialiser les processus qui sont au coeur de la domiciliation :
         gestion des demandes, suivi des courriers et des passages, suivi des
@@ -522,7 +522,7 @@ <h2 class="fr-text-title--blue-france fr-h3">Témoignages</h2>
       </figure>
     </div>
   </div>
-  <div class="fr-grid-row p-0 m-0">
+  <div class="fr-grid-row p-0 fr-m-0w">
     <div
       class="fr-col-12 fr-col-md-2 fr-display-flex fr-justify-content-center fr-align-items-center fr-my-4w"
     >
@@ -596,7 +596,7 @@ <h2 class="fr-text-title--blue-france fr-h3">Témoignages</h2>
     </div>
   </div>
 </section>
-<section class="fr-background-alt--blue-ecume p-3">
+<section class="fr-background-alt--blue-ecume fr-p-3w">
   <div class="fr-container">
     <h2 class="fr-text-title--blue-france">Rejoignez DomiFa !</h2>
     <div class="fr-grid-row">

packages/frontend/src/app/modules/general/components/decouvrir-domifa/decouvrir-domifa.component.html

@@ -60,8 +60,8 @@ <h1 class="fr-text-title--blue-france">
         src="artwork/pictograms/environment/human-cooperation.svg"
         alt=""
       />
-      <h2 class="fr-h3 m-0 fr-text-title--blue-france">Un suivi complet</h2>
-      <p class="m-0 fr-text--center">
+      <h2 class="fr-h3 fr-m-0w fr-text-title--blue-france">Un suivi complet</h2>
+      <p class="fr-m-0w fr-text--center">
         Gestion des domiciliations de A à Z et accompagnement dans les
         démarches.
       </p>
@@ -75,8 +75,10 @@ <h2 class="fr-h3 m-0 fr-text-title--blue-france">Un suivi complet</h2>
         src="artwork/pictograms/digital/innovation.svg"
         alt=""
       />
-      <h2 class="fr-h3 m-0 fr-text-title--blue-france">Logiciel intuitif</h2>
-      <p class="m-0 fr-text--center">
+      <h2 class="fr-h3 fr-m-0w fr-text-title--blue-france">
+        Logiciel intuitif
+      </h2>
+      <p class="fr-m-0w fr-text--center">
         Installation rapide, prise en main facile. Conçu pour les responsables,
         agents et bénévoles.
       </p>
@@ -90,8 +92,10 @@ <h2 class="fr-h3 m-0 fr-text-title--blue-france">Logiciel intuitif</h2>
         src="artwork/pictograms/system/padlock.svg"
         alt=""
       />
-      <h2 class="fr-h3 m-0 fr-text-title--blue-france">Dossiers sécurisés</h2>
-      <p class="fr-text m-0 fr-text--center">
+      <h2 class="fr-h3 fr-m-0w fr-text-title--blue-france">
+        Dossiers sécurisés
+      </h2>
+      <p class="fr-text fr-m-0w fr-text--center">
         Interface conforme au RGPD et aux recommandations de la CNIL. Droits
         d’accès configurables selon les rôles.
       </p>
@@ -107,7 +111,7 @@ <h2 class="fr-h3 m-0 fr-text-title--blue-france">Dossiers sécurisés</h2>
 <hr />
 <section class="fr-container py-4">
   <div class="px-2">
-    <h2 class="fw-bold fr-text-title--blue-france">
+    <h2 class="fr-text--bold fr-text-title--blue-france">
       Libérez du temps pour l'accompagnement social
     </h2>
     <div class="fr-my-2w fr-grid-row fr-align-items-center">
@@ -320,7 +324,7 @@ <h2>
       />
       Ces structures nous font confiance
     </h2>
-    <ul class="fr-grid-row p-0 m-0 list-unstyled">
+    <ul class="fr-grid-row p-0 fr-m-0w list-unstyled">
       <li
         class="fr-col-12 fr-col-md-2 fr-display-flex fr-justify-content-center fr-align-items-center fr-my-4w"
       >