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/shared/components/ui/alert/alert.scss

@@ -17,7 +17,7 @@
 :host.ev-alert--warning {
   background: var(--color-warning-bg);
   border-color: var(--color-warning);
-  color: #92400e;
+  color: var(--color-warning-text);
 }
 
 :host.ev-alert--danger {

apps/frontend/src/app/shared/components/ui/badge/badge.scss

@@ -1,3 +1,8 @@
+:host {
+  display: inline-flex;
+  flex-shrink: 0;
+}
+
 .ev-badge {
   display: inline-block;
   font-size: 0.7rem;
@@ -6,8 +11,7 @@
   letter-spacing: 0.02em;
   padding: 0.2rem 0.55rem;
   border-radius: var(--radius-pill);
-  color: #fff;
-  flex-shrink: 0;
+  color: var(--color-text-inverse);
 }
 
 .ev-badge--success {
@@ -22,6 +26,10 @@
   background: var(--color-danger);
 }
 
+.ev-badge--critical {
+  background: var(--color-critical);
+}
+
 .ev-badge--neutral {
   background: var(--color-text-muted);
 }

apps/frontend/src/app/shared/components/ui/badge/badge.ts

@@ -1,6 +1,6 @@
 import { Component, input } from '@angular/core';
 
-export type BadgeTone = 'success' | 'warning' | 'danger' | 'neutral';
+export type BadgeTone = 'success' | 'warning' | 'danger' | 'critical' | 'neutral';
 
 @Component({
   selector: 'ev-badge',

apps/frontend/src/app/shared/components/ui/button/button.html

@@ -1,3 +1,9 @@
-<button [type]="type()" class="ev-button" [class]="'ev-button--' + variant()" [disabled]="disabled()">
+<button
+  [type]="type()"
+  class="ev-button"
+  [class]="'ev-button--' + variant()"
+  [class.ev-button--inline]="!fullWidth()"
+  [disabled]="disabled()"
+>
   <ng-content></ng-content>
 </button>

apps/frontend/src/app/shared/components/ui/button/button.scss

@@ -12,11 +12,15 @@
     cursor: not-allowed;
     opacity: 0.7;
   }
+
+  &.ev-button--inline {
+    width: auto;
+  }
 }
 
 .ev-button--primary {
   background: var(--color-primary);
-  color: #fff;
+  color: var(--color-text-inverse);
 
   &:disabled {
     background: var(--color-disabled);
@@ -39,13 +43,13 @@
 
 .ev-button--danger {
   background: var(--color-danger);
-  color: #fff;
+  color: var(--color-text-inverse);
 
   &:disabled {
     background: var(--color-disabled);
   }
 
   &:not(:disabled):hover {
-    background: #b91c1c;
+    background: var(--color-danger-hover);
   }
 }

apps/frontend/src/app/shared/components/ui/button/button.ts

@@ -12,4 +12,5 @@ export class Button {
   variant = input<ButtonVariant>('primary');
   type = input<'button' | 'submit'>('button');
   disabled = input(false);
+  fullWidth = input(true);
 }