fix(frontend,backend): traite la revue de phyri0s sur la PR #93

Corrige les 10 points de la revue du systeme de design : garde-fou de
route explicite pour /docs, /redoc et /static, ton distinct pour les
alertes critical vs high, flex-shrink sur le bon element du badge,
mutualisation du bloc ev-card dans _auth-page.scss, bouton de
deconnexion migre vers ev-button (nouvel input fullWidth), tokens
manquants (--color-danger-hover, --color-warning-text,
--color-text-inverse, --color-critical), test de synchronisation des
deux copies du logo, openapi_avec_logo qui enveloppe application.openapi
au lieu de le reimplementer, doc du frontend et index mis a jour, et
suppression du CSS mort .form-error.

apps/frontend/src/app/features/auth/change-password/change-password.html

@@ -3,7 +3,9 @@
     <ev-card>
       <ev-brand class="auth-brand" />
       <h1>Nouveau mot de passe</h1>
-      <p class="auth-subtitle">Votre mot de passe est provisoire, vous devez le modifier avant de continuer</p>
+      <p class="auth-subtitle">
+        Votre mot de passe est provisoire, vous devez le modifier avant de continuer
+      </p>
 
       <label class="form-label" for="current_password">Mot de passe actuel</label>
       <input

apps/frontend/src/app/features/auth/change-password/change-password.scss

@@ -1,39 +0,0 @@
-ev-card {
-  padding: 3rem 2.5rem;
-  box-shadow:
-    0 20px 25px -5px rgba(0, 0, 0, 0.06),
-    0 8px 10px -6px rgba(0, 0, 0, 0.04);
-}
-
-.auth-brand {
-  justify-content: center;
-  width: 100%;
-  font-size: 2.1rem;
-  margin-bottom: 1.75rem;
-}
-
-h1 {
-  margin: 0;
-  font-size: 1.85rem;
-  font-weight: 700;
-  color: var(--color-text);
-  text-align: center;
-}
-
-.auth-subtitle {
-  margin: 0.4rem 0 2rem;
-  color: var(--color-text-muted);
-  font-size: 0.95rem;
-  line-height: 1.4;
-  text-align: center;
-}
-
-ev-alert {
-  display: block;
-  margin-top: 0.75rem;
-}
-
-ev-button {
-  display: block;
-  margin-top: 1.75rem;
-}

apps/frontend/src/app/features/auth/change-password/change-password.ts

@@ -40,7 +40,9 @@ export class ChangePassword {
       },
       error: () => {
         this.isLoading.set(false);
-        this.errorMessage.set(`Mot de passe actuel incorrect, ou nouveau mot de passe invalide (${this.passwordHint}).`);
+        this.errorMessage.set(
+          `Mot de passe actuel incorrect, ou nouveau mot de passe invalide (${this.passwordHint}).`,
+        );
       },
     });
   }

apps/frontend/src/app/features/auth/login/login.scss

@@ -1,42 +1,3 @@
-ev-card {
-  padding: 3rem 2.5rem;
-  box-shadow:
-    0 20px 25px -5px rgba(0, 0, 0, 0.06),
-    0 8px 10px -6px rgba(0, 0, 0, 0.04);
-}
-
-.auth-brand {
-  justify-content: center;
-  width: 100%;
-  font-size: 2.1rem;
-  margin-bottom: 1.75rem;
-}
-
-h1 {
-  margin: 0;
-  font-size: 1.85rem;
-  font-weight: 700;
-  color: var(--color-text);
-  text-align: center;
-}
-
-.auth-subtitle {
-  margin: 0.4rem 0 2rem;
-  color: var(--color-text-muted);
-  font-size: 0.95rem;
-  text-align: center;
-}
-
-ev-alert {
-  display: block;
-  margin-top: 0.75rem;
-}
-
-ev-button {
-  display: block;
-  margin-top: 1.75rem;
-}
-
 .auth-link {
   margin-top: 1rem;
   font-size: 0.85rem;

apps/frontend/src/app/features/auth/login/login.ts

@@ -7,7 +7,10 @@ import { Button } from '../../../shared/components/ui/button/button';
 import { Card } from '../../../shared/components/ui/card/card';
 import { Alert } from '../../../shared/components/ui/alert/alert';
 import { Brand } from '../../../shared/components/ui/brand/brand';
-import { MESSAGE_LIEN_RESET_INVALIDE, MOTIF_LIEN_RESET_INVALIDE } from '../../../shared/models/auth-redirect-reason';
+import {
+  MESSAGE_LIEN_RESET_INVALIDE,
+  MOTIF_LIEN_RESET_INVALIDE,
+} from '../../../shared/models/auth-redirect-reason';
 
 @Component({
   selector: 'app-login',