Remove CharacterComponent and CharacterDetail components

- Deleted `CharacterComponent` and `CharacterDetail` files from the project.
- Refactored related logic to improve code maintainability and reduce redundancy.

components/book/settings/BookSettingSidebar.tsx

@@ -11,9 +11,10 @@ import {
     faUser,
     faWandMagicSparkles
 } from "@fortawesome/free-solid-svg-icons";
-import {Dispatch, SetStateAction} from "react";
+import {Dispatch, SetStateAction, useContext} from "react";
 import {IconDefinition} from "@fortawesome/fontawesome-svg-core";
 import {useTranslations} from "next-intl";
+import OfflineContext, {OfflineContextType} from "@/context/OfflineContext";
 
 interface BookSettingOption {
     id: string;
@@ -30,7 +31,8 @@ export default function BookSettingSidebar(
         setSelectedSetting: Dispatch<SetStateAction<string>>
     }) {
     const t = useTranslations();
-    
+    const {isCurrentlyOffline} = useContext<OfflineContextType>(OfflineContext);
+
     const settings: BookSettingOption[] = [
         {
             id: 'basic-information',
@@ -84,11 +86,16 @@ export default function BookSettingSidebar(
         // },
     ]
 
+    // Filter out QuillSense when offline (requires server connection)
+    const availableSettings: BookSettingOption[] = isCurrentlyOffline()
+        ? settings.filter((s: BookSettingOption) => s.id !== 'quillsense')
+        : settings;
+
     return (
         <div className="py-6 px-3">
             <nav className="space-y-1">
                 {
-                    settings.map((setting: BookSettingOption) => (
+                    availableSettings.map((setting: BookSettingOption) => (
                         <button
                             key={setting.id}
                             onClick={(): void => setSelectedSetting(setting.id)}