added loan's forms

src/app/pages/loan/loan.html

@@ -1 +1,5 @@
-<p>loan works!</p>
+<app-modal [name]="'Ajouter un emprunt'">
+    <app-create-loan></app-create-loan>
+</app-modal>
+
+<app-loan-table></app-loan-table>

src/app/pages/loan/loan.ts

@@ -1,8 +1,17 @@
 import { Component } from '@angular/core';
+import {LoanTable} from "../../components/loan-table/loan-table";
+import {CreateBook} from "../../components/create-book/create-book";
+import {Modal} from "../../components/modal/modal";
+import {CreateLoan} from "../../components/create-loan/create-loan";
 
 @Component({
   selector: 'app-loan',
-  imports: [],
+    imports: [
+        LoanTable,
+        CreateBook,
+        Modal,
+        CreateLoan
+    ],
   templateUrl: './loan.html',
   styleUrl: './loan.css',
 })

src/app/pages/user/user.html

@@ -1 +0,0 @@
-<p>user works!</p>

src/app/pages/user/user.ts

@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'app-user',
-  imports: [],
+    imports: [],
   templateUrl: './user.html',
   styleUrl: './user.css',
 })