switchade t bootstrap och testar solid-bootstrap. konf för calibre. test m covers

Frontend/src/App.tsx

@@ -11,8 +11,6 @@ const App: Component = () => {
 	});
 	return (
 		<div>
-			<button class="btn btn-primary">primary knapp</button>
-			<button class="btn btn-blue">blå knapp</button>
 			<header>
 				<p>
 					Edit <code>src/App.tsx</code> and save to reload.
@@ -26,7 +24,7 @@ const App: Component = () => {
 				</a>
 			</header>
 
-			<div class="book-grid text-base-content mx-auto grid gap-6 pb-20 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 [&_.carbon-responsive-wrap]:flex-nowrap! [&_.carbon-responsive-wrap]:text-[11px]! [&_:is(div,button)]:[transition:background-color_0ms,border-color_100ms,box-shadow_300ms,border-radius_500ms_ease-out] [&>*]:mb-6">
+			<div class="book-grid d-flex flex-wrap justify-content-between gap-3 p-3">
 				<For each={books()}>{(item) => <BookCard book={item} />}</For>
 			</div>
 		</div>