first of many

src/app/pages/quotation/quotation.html

@@ -1,9 +1,13 @@
 <div class="flex mt-2">
+    <app-modal-button type="primary" name="Créer un devis">
+        <app-quotation-form></app-quotation-form>
+    </app-modal-button>
+
     <div class="ml-95 w-150">
-        <app-search class="w-full"></app-search>
+        <app-search></app-search>
     </div>
 </div>
 
 <div class="mt-1">
-    <p>quotation works!</p>
+    <app-quotation-table></app-quotation-table>
 </div>

src/app/pages/quotation/quotation.ts

@@ -1,11 +1,21 @@
 import { Component } from '@angular/core';
 import {Search} from "../../components/search/search";
+import {DelivereryNoteTable} from "../../components/deliverery-note-table/deliverery-note-table";
+import {ModalButton} from "../../components/modal-button/modal-button";
+import {DelivereryNoteForm} from "../../components/deliverery-note-form/deliverery-note-form";
+import {QuotationForm} from "../../components/quotation-form/quotation-form";
+import {QuotationTable} from "../../components/quotation-table/quotation-table";
 
 @Component({
   selector: 'app-quotation',
-  imports: [
-      Search
-  ],
+    imports: [
+        DelivereryNoteTable,
+        ModalButton,
+        DelivereryNoteForm,
+        Search,
+        QuotationForm,
+        QuotationTable
+    ],
   templateUrl: './quotation.html',
   styleUrl: './quotation.css',
 })