fix: book detail layout

lib/src/widgets/books/book_detail.dart

@@ -2,7 +2,6 @@ import 'package:flutter/material.dart';
 
 import 'package:library_app/src/models/book.dart';
 import 'package:library_app/src/screens/detail_screen.dart';
-import 'package:library_app/src/widgets/books/book_item.dart';
 
 class BookDetail extends StatefulWidget {
   final Book book;
@@ -17,6 +16,8 @@ class _BookDetail extends State<BookDetail> {
 
   @override
   Widget build(BuildContext context) {
+    final screenSize = MediaQuery.of(context).size;
+
     return DetailScreen(
       title: book.title,
       confirmMessage: "Loans for how many days?",
@@ -24,8 +25,37 @@ class _BookDetail extends State<BookDetail> {
       body: Column(
         crossAxisAlignment: CrossAxisAlignment.center,
         children: [
-          BookItem(book),
-          Text(book.description),
+          ClipRRect(
+            borderRadius: BorderRadius.circular(13),
+            child: Image.network(
+              book.coverUrl ?? "",
+              height: screenSize.height * 0.4,
+            ),
+          ),
+          Padding(
+            padding: const EdgeInsets.only(top: 20.0),
+            child: Text(
+              book.title,
+              style: Theme.of(context).textTheme.titleMedium,
+              textAlign: TextAlign.center,
+            ),
+          ),
+          Text(
+            'By ${book.author}',
+            style: Theme.of(context).textTheme.labelMedium,
+            textAlign: TextAlign.center,
+          ),
+          Text(
+            book.category ?? "",
+            style: Theme.of(context).textTheme.labelSmall,
+          ),
+          Padding(
+            padding: const EdgeInsets.symmetric(vertical: 10.0),
+            child: Text(
+              book.description,
+              style: Theme.of(context).textTheme.labelLarge,
+            ),
+          )
         ],
       ),
     );