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/story/Act.tsx

@@ -1,4 +1,4 @@
-import React, {Dispatch, SetStateAction, useContext, useState} from 'react';
+import {Dispatch, SetStateAction, useContext, useState} from 'react';
 import {
     faFire,
     faFlag,

components/book/settings/story/Issue.tsx

@@ -1,4 +1,4 @@
-import React, {ChangeEvent, useContext, useState} from 'react';
+import {ChangeEvent, useContext, useState} from 'react';
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
 import {faPlus, faTrash, faWarning,} from '@fortawesome/free-solid-svg-icons';
 import {Issue} from '@/lib/models/Book';

components/book/settings/story/MainChapter.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import React, {ChangeEvent, useContext, useEffect, useState} from 'react';
+import {ChangeEvent, useContext, useEffect, useState} from 'react';
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
 import {faArrowDown, faArrowUp, faBookmark, faMinus, faPlus, faTrash,} from '@fortawesome/free-solid-svg-icons';
 import {ChapterListProps} from '@/lib/models/Chapter';

components/book/settings/story/StorySetting.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import React, {createContext, forwardRef, useContext, useEffect, useImperativeHandle, useState} from 'react';
+import {createContext, forwardRef, useContext, useEffect, useImperativeHandle, useState} from 'react';
 import {BookContext} from '@/context/BookContext';
 import {SessionContext} from '@/context/SessionContext';
 import {AlertContext} from '@/context/AlertContext';

components/book/settings/story/act/ActChapter.tsx

@@ -1,4 +1,4 @@
-import React, {ChangeEvent} from 'react';
+import {ChangeEvent} from 'react';
 import {faTrash} from '@fortawesome/free-solid-svg-icons';
 import {ActChapter} from '@/lib/models/Chapter';
 import InputField from '@/components/form/InputField';

components/book/settings/story/act/ActChaptersSection.tsx

@@ -1,4 +1,4 @@
-import React, {useState} from 'react';
+import {useState} from 'react';
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
 import {faChevronDown, faChevronUp} from '@fortawesome/free-solid-svg-icons';
 import {ActChapter, ChapterListProps} from '@/lib/models/Chapter';

components/book/settings/story/act/ActDescription.tsx

@@ -1,4 +1,4 @@
-import React, {ChangeEvent} from 'react';
+import {ChangeEvent} from 'react';
 import {faTrash} from '@fortawesome/free-solid-svg-icons';
 import InputField from '@/components/form/InputField';
 import TexteAreaInput from '@/components/form/TexteAreaInput';

components/book/settings/story/act/ActIncidents.tsx

@@ -1,4 +1,4 @@
-import React, {useState} from 'react';
+import {useState} from 'react';
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
 import {faChevronDown, faChevronUp, faPlus, faTrash} from '@fortawesome/free-solid-svg-icons';
 import {Incident} from '@/lib/models/Book';

components/book/settings/story/act/ActPlotPoints.tsx

@@ -1,4 +1,4 @@
-import React, {useState} from 'react';
+import {useState} from 'react';
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
 import {faChevronDown, faChevronUp, faPlus, faTrash} from '@fortawesome/free-solid-svg-icons';
 import {Incident, PlotPoint} from '@/lib/models/Book';