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/settings/BookSettingSidebar.tsx

@@ -1,8 +1,8 @@
 'use client'
-import Link from "next/link";
+// Removed Next.js Link import for Electron
 import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
 import {faBook, faGlobe, faListAlt, faMapMarkedAlt, faPencilAlt, faUser} from "@fortawesome/free-solid-svg-icons";
-import React, {Dispatch, SetStateAction} from "react";
+import {Dispatch, SetStateAction} from "react";
 import {IconDefinition} from "@fortawesome/fontawesome-svg-core";
 import {useTranslations} from "next-intl";
 
@@ -70,11 +70,11 @@ export default function BookSettingSidebar(
             <nav className="space-y-1">
                 {
                     settings.map((setting: BookSettingOption) => (
-                        <Link
+                        <button
                             key={setting.id}
-                            href={''}
                             onClick={(): void => setSelectedSetting(setting.id)}
-                            className={`flex items-center text-base rounded-xl transition-all duration-200 ${
+                            type="button"
+                            className={`flex items-center text-base rounded-xl transition-all duration-200 w-full ${
                                 selectedSetting === setting.id
                                     ? 'bg-primary/20 text-text-primary border-l-4 border-primary font-semibold shadow-md scale-105'
                                     : 'text-text-secondary hover:bg-secondary/50 hover:text-text-primary hover:scale-102'
@@ -82,7 +82,7 @@ export default function BookSettingSidebar(
                             <FontAwesomeIcon icon={setting.icon}
                                              className={`mr-3 ${selectedSetting === setting.id ? 'text-primary w-5 h-5' : 'text-text-secondary w-5 h-5'}`}/>
                             {t(setting.name)}
-                        </Link>
+                        </button>
                     ))
                 }
             </nav>