fix: move shadcn to frontend

frontend/app/components/BookCard/__snapshots__/BookCard.test.tsx.snap

@@ -3,32 +3,32 @@
 exports[`BookCard > matches the snapshot 1`] = `
 <div>
   <article
-    class="bookCard"
+    class="relative flex flex-col h-full box-border bg-card rounded-md border-2 border-transparent hover:border-border"
   >
     <button
       aria-label="Add The Blade Itself to favorites"
       aria-pressed="false"
-      class="favoriteButton "
+      class="absolute right-2 top-2 flex items-center justify-center h-8 w-8 cursor-pointer text-2xl rounded-md border "
       type="button"
     >
       +
     </button>
     <a
       aria-label="View details for The Blade Itself"
-      class="bookCardLink"
+      class="flex flex-1 flex-col h-full w-full cursor-pointer box-border rounded-md p-6"
       data-discover="true"
       href="/book/OL8400950W"
     >
       <img
         alt="Book cover of The Blade Itself"
-        class="coverImage"
+        class="w-full object-contain px-6 py-3"
         src="https://covers.openlibrary.org/b/id/14543422-M.jpg?default=false"
       />
       <section
-        class="info"
+        class="mt-4 text-[0.9rem]"
       >
         <h3
-          class="title"
+          class="mb-2 text-base"
         >
           The Blade Itself
         </h3>