finish all getall into table

src/app/pages/book/book.css

@@ -1,7 +1 @@
-.book-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-    gap: 20px;
-    justify-items: center;
-    padding: 20px;
-}
+

src/app/pages/book/book.html

@@ -2,7 +2,7 @@
     <app-create-book></app-create-book>
 </app-modal>
 
-<section class="book-grid">
-    <app-book-card></app-book-card>
+<section class="mt-5">
+    <app-book-table></app-book-table>
 </section>
 

src/app/pages/book/book.ts

@@ -1,12 +1,12 @@
 import {Component, inject, OnInit, signal} from '@angular/core';
-import {BookCard} from "../../components/book-card/book-card";
+import {BookTable} from "../../components/book-table/book-table";
 import {Modal} from "../../components/modal/modal";
 import {CreateBook} from "../../components/create-book/create-book";
 
 @Component({
   selector: 'app-book',
     imports: [
-        BookCard,
+        BookTable,
         Modal,
         CreateBook
     ],