Added modal to choice deliverer before creation of delivery note

src/app/components/deliverer-choice/deliverer-choice.html

@@ -0,0 +1,15 @@
+<form [formGroup]="choiceDelivererForm">
+    <nz-form-item nz-flex>
+        <nz-form-label nzSpan="12" nzRequired>
+            Transporteur
+        </nz-form-label>
+
+        <nz-form-control nzSpan="12" nzErrorTip="Ce champ est requis">
+            <nz-select formControlName="delivererId" nzPlaceHolder="Choisir un transporteur" nzShowSearch>
+                @for (deliverer of deliverers(); track deliverer.id) {
+                    <nz-option [nzLabel]="deliverer.transporter" [nzValue]="deliverer.id"></nz-option>
+                }
+            </nz-select>
+        </nz-form-control>
+    </nz-form-item>
+</form>

src/app/components/deliverer-choice/deliverer-choice.ts

@@ -0,0 +1,45 @@
+import {Component, inject, OnInit, output, signal} from '@angular/core';
+import {FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators} from "@angular/forms";
+import {NzColDirective, NzRowDirective} from "ng-zorro-antd/grid";
+import {NzFlexDirective} from "ng-zorro-antd/flex";
+import {NzFormControlComponent, NzFormLabelComponent} from "ng-zorro-antd/form";
+import {NzOptionComponent, NzSelectComponent} from "ng-zorro-antd/select";
+import {DeliverersService, GetDelivererDto} from "../../services/api";
+import {firstValueFrom} from "rxjs";
+import {NzNotificationService} from "ng-zorro-antd/notification";
+
+@Component({
+  selector: 'app-deliverer-choice',
+  imports: [
+    FormsModule,
+    NzColDirective,
+    NzFlexDirective,
+    NzFormControlComponent,
+    NzFormLabelComponent,
+    NzOptionComponent,
+    NzRowDirective,
+    NzSelectComponent,
+    ReactiveFormsModule
+  ],
+  templateUrl: './deliverer-choice.html',
+  styleUrl: './deliverer-choice.css',
+})
+export class DelivererChoice implements OnInit {
+  private deliverersService = inject(DeliverersService);
+  private notificationService = inject(NzNotificationService);
+
+  choiceDelivererForm: FormGroup = new FormGroup({
+    delivererId: new FormControl<number>(null, Validators.required),
+  });
+
+  deliverers = signal<GetDelivererDto[]>([]);
+
+  async ngOnInit() {
+    try {
+      const deliverers = await firstValueFrom(this.deliverersService.getAllDelivererEndpoint());
+      this.deliverers.set(deliverers);
+    } catch {
+      this.notificationService.error('Erreur', 'Erreur lors de l\'affichage des livreurs');
+    }
+  }
+}