chore(deps): upgrade yarn and angular

packages/frontend/package.json

@@ -17,23 +17,23 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^16.2.12",
-    "@angular/cdk": "^16.2.14",
-    "@angular/common": "^16.2.12",
-    "@angular/compiler": "^16.2.12",
-    "@angular/core": "^16.2.12",
-    "@angular/forms": "^16.2.12",
-    "@angular/localize": "^16.2.12",
-    "@angular/platform-browser": "^16.2.12",
-    "@angular/platform-browser-dynamic": "^16.2.12",
-    "@angular/router": "^16.2.12",
+    "@angular/animations": "^17.3.12",
+    "@angular/cdk": "^17.3.10",
+    "@angular/common": "^17.3.12",
+    "@angular/compiler": "^17.3.12",
+    "@angular/core": "^17.3.12",
+    "@angular/forms": "^17.3.12",
+    "@angular/localize": "^17.3.12",
+    "@angular/platform-browser": "^17.3.12",
+    "@angular/platform-browser-dynamic": "^17.3.12",
+    "@angular/router": "^17.3.12",
     "@ckeditor/ckeditor5-angular": "^9.0.0",
     "@ckeditor/ckeditor5-build-classic": "^43.1.0",
     "@domifa/common": "workspace:^",
-    "@fortawesome/angular-fontawesome": "0.12.1",
-    "@fortawesome/fontawesome-svg-core": "^6.5.2",
-    "@fortawesome/free-regular-svg-icons": "^6.5.2",
-    "@fortawesome/free-solid-svg-icons": "^6.5.2",
+    "@fortawesome/angular-fontawesome": "0.14.1",
+    "@fortawesome/fontawesome-svg-core": "^6.6.0",
+    "@fortawesome/free-regular-svg-icons": "^6.6.0",
+    "@fortawesome/free-solid-svg-icons": "^6.6.0",
     "@khazii/ngx-intl-tel-input": "^17.0.1",
     "@ng-bootstrap/ng-bootstrap": "^15.1.2",
     "@ngrx/effects": "^16.3.0",
@@ -62,30 +62,30 @@
   },
   "devDependencies": {
     "@angular-devkit/architect": "^0.1802.0",
-    "@angular-devkit/build-angular": "^16.2.14",
-    "@angular-devkit/core": "^16.2.14",
-    "@angular-devkit/schematics": "^16.2.14",
-    "@angular-eslint/builder": "15.2.1",
-    "@angular-eslint/eslint-plugin": "15.2.1",
-    "@angular-eslint/eslint-plugin-template": "15.2.1",
-    "@angular-eslint/schematics": "15.2.1",
-    "@angular-eslint/template-parser": "15.2.1",
-    "@angular/cli": "16.2.14",
-    "@angular/compiler-cli": "^16.2.12",
-    "@angular/language-service": "^16.2.12",
+    "@angular-devkit/build-angular": "^17.3.10",
+    "@angular-devkit/core": "^17.3.10",
+    "@angular-devkit/schematics": "^17.3.10",
+    "@angular-eslint/builder": "^17.5.3",
+    "@angular-eslint/eslint-plugin": "^17.5.3",
+    "@angular-eslint/eslint-plugin-template": "^17.5.3",
+    "@angular-eslint/schematics": "^17.5.3",
+    "@angular-eslint/template-parser": "^17.5.3",
+    "@angular/cli": "^17.3.10",
+    "@angular/compiler-cli": "^17.3.12",
+    "@angular/language-service": "^17.3.12",
     "@schematics/update": "^0.1102.19",
     "@types/file-saver": "^2.0.7",
     "@types/google-libphonenumber": "^7.4.30",
     "@types/jest": "^29.5.12",
-    "@typescript-eslint/eslint-plugin": "^7.14.1",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "7.18.0",
-    "eslint": "^8.57.0",
+    "eslint": "^8.57.1",
     "eslint-config-love": "^43.1.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-n": "^17.9.0",
+    "eslint-plugin-import": "^2.30.0",
+    "eslint-plugin-n": "^17.10.3",
     "eslint-plugin-no-lookahead-lookbehind-regexp": "^0.3.0",
-    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-prettier": "^5.2.1",
     "jest": "^29.7.0",
     "jest-preset-angular": "^14.1.1",
     "lint-staged": "^15.2.7",
@@ -94,7 +94,7 @@
     "source-map-explorer": "^2.5.3",
     "ts-jest": "^29.1.5",
     "ts-node": "~10.9.2",
-    "typescript": "4.9.5"
+    "typescript": "5.4.5"
   },
   "lint-staged": {
     "*!(.ts)": "prettier --ignore-unknown -w",

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

@@ -136,7 +136,7 @@ <h2 class="text-success">
                 class="invalid-feedback"
               >
                 Veuillez vérifier l'adresse email, format attendu :
-                nom@domaine.fr
+                nom&#64;domaine.fr
               </p>
             </div>
             <div class="form-group required">

packages/frontend/src/app/modules/general/components/login/login.component.html

@@ -68,7 +68,7 @@ <h2 class="title">
                   class="invalid-feedback"
                 >
                   Veuillez vérifier l'adresse email, format attendu :
-                  nom@domaine.fr
+                  nom&#64;domaine.fr
                 </p>
               </div>
               <div class="form-group required">

packages/frontend/src/app/modules/general/components/static-pages/cgu-responsable/cgu-responsable.component.html

@@ -404,7 +404,7 @@ <h3>
       <p>
         Ces droits s’exercent auprès de la Direction générale de la Cohésion
         sociale, par voie électronique à l’adresse suivante:
-        dpd-minsociaux@sgsocial.gouv.fr.
+        dpd-minsociaux&#64;sgsocial.gouv.fr.
       </p>
       <p>
         La Direction générale de la Cohésion sociale est également chargée de

packages/frontend/src/app/modules/structures/components/register-user/register-user.component.html

@@ -201,7 +201,8 @@ <h2 class="title">
               L'adresse email est déjà utilisée
             </p>
             <p *ngIf="!f.email.errors.emailTaken">
-              Veuillez vérifier l'adresse email, format attendu : [email protected]
+              Veuillez vérifier l'adresse email, format attendu :
+              nom&#64;domaine.fr
             </p>
           </div>
         </div>

packages/frontend/src/app/modules/structures/components/structure-edit-form/structure-edit-form.component.html

@@ -493,7 +493,8 @@ <h2 class="title">Modifier les informations de votre structure</h2>
             L'adresse email est déjà utilisée
           </p>
           <p *ngIf="!f.email.errors.emailTaken">
-            Veuillez vérifier l'adresse email, format attendu : [email protected]
+            Veuillez vérifier l'adresse email, format attendu :
+            nom&#64;domaine.fr
           </p>
         </div>
       </div>

packages/frontend/src/app/modules/structures/components/structures-form/structures-form.component.html

@@ -517,7 +517,7 @@ <h1 class="title" *ngIf="structureRegisterInfos.etapeInscription === 1">
                 </p>
                 <p *ngIf="!f.email.errors.emailTaken">
                   Veuillez vérifier l'adresse email, format attendu:
-                  nom@domaine.fr
+                  nom&#64;domaine.fr
                 </p>
               </div>
             </div>

packages/frontend/src/app/modules/usager-dossier/components/step-etat-civil/step-etat-civil.component.html

@@ -371,7 +371,7 @@ <h2 class="form-title">État civil du demandeur</h2>
                   class="invalid-feedback"
                 >
                   Veuillez vérifier l'adresse email, format attendu :
-                  nom@domaine.fr
+                  nom&#64;domaine.fr
                 </p>
               </div>
             </div>

packages/frontend/src/app/modules/usager-shared/components/form-contact-details/form-contact-details.component.html

@@ -121,7 +121,7 @@
           id="email-errors"
           class="invalid-feedback"
         >
-          Veuillez vérifier l'adresse email, format attendu : nom@domaine.fr
+          Veuillez vérifier l'adresse email, format attendu : nom@domaine.fr
         </p>
       </div>
     </div>

packages/frontend/src/app/modules/users/components/edit-user/edit-user.component.html

@@ -205,7 +205,8 @@ <h2>Informations personnelles</h2>
               L'adresse email est déjà utilisée
             </p>
             <p *ngIf="!f.email.errors.emailTaken">
-              L'adresse email est incorrecte, format attendu : [email protected]
+              L'adresse email est incorrecte, format attendu :
+              nom&#64;domaine.fr
             </p>
           </div>
         </div>

packages/frontend/src/app/modules/users/components/register-user-admin/register-user-admin.component.html

@@ -92,7 +92,7 @@ <h2 class="title mt-3">Créer un utilisateur</h2>
           L'adresse email est déjà utilisée
         </p>
         <p *ngIf="!f.email.errors.emailTaken">
-          Veuillez vérifier l'adresse email, format attendu : nom@domaine.fr
+          Veuillez vérifier l'adresse email, format attendu : nom&#64;domaine.fr
         </p>
       </div>
     </div>

packages/frontend/src/app/modules/users/components/reset-password/reset-password.component.html

@@ -62,7 +62,7 @@ <h2 class="title">Vous avez oublié votre mot de passe ?</h2>
                   class="invalid-feedback"
                 >
                   Veuillez vérifier l'adresse email, format attendu :
-                  nom@domaine.fr
+                  nom&#64;domaine.fr
                 </p>
               </div>
             </div>

packages/frontend/src/app/modules/users/components/user-structure-password-form/user-structure-password-form.component.html

@@ -128,7 +128,7 @@
           ]"
         ></fa-icon>
         Au moins un caractère spécial:
-        @[]^_!"#$%&amp;&apos;()*+,\-./:;&lbrace;&rbrace;&lt;&gt;=|~?
+        &#64;[]^_!"#$%&amp;&apos;()*+,\-./:;&lbrace;&rbrace;&lt;&gt;=|~?
       </p>
       <p
         class="my-1"

packages/portail-usagers/src/app/modules/usager-auth/usager-login/usager-login.component.html

@@ -180,7 +180,7 @@ <h1 class="title">Connexion à Mon DomiFa</h1>
                 ]"
               ></fa-icon>
               Au moins un caractère spécial:
-              @[]^_!"#$%&amp;&apos;()*+,\-./:;&lbrace;&rbrace;&lt;&gt;=|~?
+              &#64;[]^_!"#$%&amp;&apos;()*+,\-./:;&lbrace;&rbrace;&lt;&gt;=|~?
             </p>
             <p
               class="my-1"