Update imports and Electron compatibility

- Removed unnecessary React imports.
- Adjusted package.json scripts for Electron integration.
- Updated components to replace Next.js-specific imports with Electron-compatible alternatives.
- Minor tsconfig.json changes for better compatibility.

components/book/BookCard.tsx

@@ -1,5 +1,4 @@
-import Link from "next/link";
-import React from "react";
+// Removed Next.js Link import for Electron
 import {BookProps} from "@/lib/models/Book";
 import DeleteBook from "@/components/book/settings/DeleteBook";
 import ExportBook from "@/components/ExportBook";
@@ -21,7 +20,7 @@ export default function BookCard(
         <div
             className="group bg-tertiary/90 backdrop-blur-sm rounded-2xl shadow-lg hover:shadow-2xl transition-all duration-300 h-full border border-secondary/50 hover:border-primary/50 flex flex-col hover:scale-105">
             <div className="relative w-full h-[400px] sm:h-32 md:h-48 lg:h-64 xl:h-80 flex-shrink-0 overflow-hidden">
-                <Link onClick={(): void => onClickCallback(book.bookId)} href={``}>
+                <button onClick={(): void => onClickCallback(book.bookId)} className="w-full h-full text-left block" type="button">
                     {book.coverImage ? (
                         <img
                             src={book.coverImage}
@@ -42,18 +41,18 @@ export default function BookCard(
                                 className="absolute bottom-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-primary/30 to-transparent"></div>
                         </div>
                     )}
-                </Link>
+                </button>
                 <div
                     className="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-tertiary via-tertiary/50 to-transparent h-24"></div>
             </div>
             
             <div className="p-4 flex-1 flex flex-col justify-between">
                 <div className="flex-1">
-                    <Link onClick={(): void => onClickCallback(book.bookId)} href={``}>
+                    <button onClick={(): void => onClickCallback(book.bookId)} className="w-full text-left" type="button">
                         <h3 className="text-text-primary text-center font-bold text-base mb-2 truncate group-hover:text-primary transition-colors tracking-wide">
                             {book.title}
                         </h3>
-                    </Link>
+                    </button>
                     <div className="flex items-center justify-center mb-3 h-5">
                         {book.subTitle ? (
                             <>