Add components for Act management and integrate Electron setup

components/book/settings/BookSetting.tsx

@@ -0,0 +1,18 @@
+import {useState} from "react";
+import BookSettingSidebar from "@/components/book/settings/BookSettingSidebar";
+import BookSettingOption from "@/components/book/settings/BookSettingOption";
+
+export default function BookSetting() {
+    const [currentSetting, setCurrentSetting] = useState<string>('basic-information')
+    return (
+        <div
+            className={'flex justify-start bg-tertiary/90 backdrop-blur-sm rounded-2xl overflow-hidden border border-secondary/50 shadow-2xl'}>
+            <div className={'bg-secondary/30 backdrop-blur-sm w-1/4 border-r border-secondary/50'}>
+                <BookSettingSidebar selectedSetting={currentSetting} setSelectedSetting={setCurrentSetting}/>
+            </div>
+            <div className={'flex-1 setting-container bg-tertiary/50 p-6'}>
+                <BookSettingOption setting={currentSetting}/>
+            </div>
+        </div>
+    )
+}