updated modal from user loan's

src/app/components/user-table/user-table.html

@@ -14,11 +14,28 @@
             <tr>
                 <td>{{ data.name}}</td>
                 <td>{{ data.firstName }}</td>
-                <p>{{ data.email }}</p>
+                <td>{{ data.email }}</td>
                 <td>{{ data.birthDate | date: 'dd/MM/yyyy'}}</td>
                 <td>
                     <app-modal [name]="'Afficher'">
-                        <app-loan-table></app-loan-table>
+                        <nz-table #basicTable [nzData]="listOfData">
+                            <thead>
+                            <tr>
+                                <th>Livre</th>
+                                <th>Date d'enregistrement</th>
+                                <th>Date de retour finale</th>
+                            </tr>
+                            </thead>
+                            <tbody>
+                                @for (loans of data.loan; track loans) {
+                                    <tr>
+                                        <td>{{ loans.book.title }}</td>
+                                        <td>{{ loans.date | date: 'dd/MM/yyyy' }}</td>
+                                        <td>{{ loans.effectiveReturningDate | date: 'dd/MM/yyyy'}}</td>
+                                    </tr>
+                                }
+                            </tbody>
+                        </nz-table>
                     </app-modal>
                 </td>
                 <td>