SchotzIAD KM Tracker : suivi des trajets kilométriques (Angular + .NET 8)

Application complète de saisie et de suivi des trajets kilométriques avec
calcul de distance routière (OpenRouteService), barème kilométrique, résumés
et régularisation annuelle.

Backend (ASP.NET Core .NET 8, EF Core, SQLite) :
- Trajets (CRUD, réordonnancement, insertion), calcul de distance ORS avec
  fallback Haversine, géométrie d'itinéraire stockée par trajet, recalcul en masse.
- Profil, véhicules (avec dénomination), carnet d'adresses nommées, cache d'adresses.
- Barème kilométrique : tranches multiples par puissance fiscale, borne max
  exclusive avec 'illimité' (KmMax nullable), coefficient à 3 décimales,
  recopie du dernier barème connu.
- Résumés mensuel/annuel, montants réglés, régularisation, export PDF.

Frontend (Angular 22, zoneless + signals) :
- Consultation par jour, navigation temporelle synchronisée, carte Leaflet,
  formulaire de trajet (adresses nommées, domicile, autocomplétion BAN).
- Détection de changement zoneless (indépendante de zone.js).

Hébergement : Docker Compose (nginx + backend), scripts run-dev.sh / run-docker.sh.

frontend/src/app/features/trajet-list/trajet-list.component.html

@@ -0,0 +1,110 @@
+@if (trajetsTries().length === 0) {
+  <p class="liste-vide" role="status">Aucun trajet pour cette journée.</p>
+} @else {
+  <ul
+    class="trajets"
+    cdkDropList
+    (cdkDropListDropped)="onDrop($event)"
+    role="list"
+  >
+    @for (trajet of trajetsTries(); track trajet.id; let i = $index) {
+      <li
+        class="trajet"
+        cdkDrag
+        [cdkDragDisabled]="operationEnCours()"
+        role="listitem"
+        (mouseenter)="onSurvol(trajet.id)"
+        (mouseleave)="onSurvol(null)"
+      >
+        <!-- Poignée de glisser-déposer (Exigence 11.9). -->
+        <button
+          type="button"
+          class="poignee"
+          cdkDragHandle
+          [disabled]="operationEnCours()"
+          aria-label="Déplacer le trajet pour le réordonner"
+          title="Glisser pour réordonner"
+        >
+          ⠿
+        </button>
+
+        <div class="trajet__infos">
+          <div class="trajet__ligne">
+            <span class="trajet__date">{{ trajet.date | date: 'dd/MM/yyyy' }}</span>
+            @if (trajet.commentaire) {
+              <span class="trajet__commentaire">{{ trajet.commentaire }}</span>
+            }
+          </div>
+          <div class="trajet__adresses">
+            <span class="trajet__depart">{{ trajet.adresseDepart }}</span>
+            <span class="trajet__fleche" aria-hidden="true">→</span>
+            <span class="trajet__arrivee">{{ trajet.adresseArrivee }}</span>
+          </div>
+        </div>
+
+        <div class="trajet__distance">{{ distanceAffichee(trajet) }}</div>
+
+        <div class="trajet__actions">
+          <div class="trajet__actions-ligne">
+            <button
+              type="button"
+              class="action action--icone"
+              (click)="modifier(trajet)"
+              [disabled]="operationEnCours()"
+              title="Modifier ce trajet"
+              aria-label="Modifier ce trajet"
+            >
+              ✏️
+            </button>
+            <button
+              type="button"
+              class="action action--icone action--danger"
+              (click)="demanderSuppression(trajet)"
+              [disabled]="operationEnCours()"
+              title="Supprimer ce trajet"
+              aria-label="Supprimer ce trajet"
+            >
+              🗑️
+            </button>
+          </div>
+          <div class="trajet__actions-ligne">
+            @if (!estDernier(i)) {
+              <button
+                type="button"
+                class="action action--icone"
+                (click)="insererAvantSuivant(i)"
+                [disabled]="operationEnCours()"
+                title="Insérer un trajet avant le suivant"
+                aria-label="Insérer un trajet avant le suivant"
+              >
+                ↥
+              </button>
+            }
+            <button
+              type="button"
+              class="action action--icone"
+              (click)="insererApres(trajet)"
+              [disabled]="operationEnCours()"
+              title="Insérer un trajet après celui-ci"
+              aria-label="Insérer un trajet après celui-ci"
+            >
+              ↧
+            </button>
+          </div>
+        </div>
+      </li>
+    }
+  </ul>
+}
+
+<!-- Confirmation de suppression (Exigence 5.4). -->
+<app-confirm-dialog
+  [open]="trajetASupprimer() !== null"
+  titre="Supprimer le trajet"
+  message="Cette action est irréversible. Voulez-vous vraiment supprimer ce trajet ?"
+  libelleConfirmer="Supprimer"
+  libelleAnnuler="Annuler"
+  [danger]="true"
+  (confirmed)="confirmerSuppression()"
+  (cancelled)="annulerSuppression()"
+></app-confirm-dialog>