Remove unused components and models for improved maintainability

- Deleted redundant components (`AddActionButton`, `AlertBox`, `AlertStack`, `BackButton`, `CancelButton`, and `CollapsableArea`) and related files.
- Removed unused models (`Book`, `BookSerie`, `BookTables`, `Character`, and `Chapter`) to reduce codebase clutter.
- Updated project structure and references to reflect these removals.

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

@@ -1,12 +1,10 @@
-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';
-import {SelectBoxProps} from '@/shared/interface';
+import React, {useState} from 'react';
+import {ActChapter, ChapterListProps} from '@/lib/types/chapter';
+import SelectBox, {SelectBoxProps} from '@/components/form/SelectBox';
 import ActChapterItem from './ActChapter';
 import InputField from '@/components/form/InputField';
-import SelectBox from '@/components/form/SelectBox';
-import {useTranslations} from 'next-intl';
+import Collapse from '@/components/ui/Collapse';
+import {useTranslations} from '@/lib/i18n';
 
 interface ActChaptersSectionProps {
     actId: number;
@@ -42,52 +40,45 @@ export default function ActChaptersSection({
     }
     
     return (
-        <div className="mb-4">
-            <button
-                className="flex justify-between items-center w-full bg-secondary/50 p-3 rounded-xl text-left hover:bg-secondary transition-all duration-200 shadow-sm"
-                onClick={(): void => onToggleSection(sectionKey)}
-            >
-                <span className="font-bold text-text-primary">{t('chapters')}</span>
-                <FontAwesomeIcon
-                    icon={isExpanded ? faChevronUp : faChevronDown}
-                    className="text-text-primary w-3.5 h-3.5"
-                />
-            </button>
-            
-            {isExpanded && (
-                <div className="p-2">
-                    {chapters && chapters.length > 0 ? (
-                        chapters.map((chapter: ActChapter) => (
+        <Collapse title={t('chapters')} defaultOpen={isExpanded}>
+            <div className="space-y-2">
+                {chapters && chapters.length > 0 ? (
+                    chapters.map(function (chapter: ActChapter): React.JSX.Element {
+                        return (
                             <ActChapterItem
                                 key={`chapter-${chapter.chapterInfoId}`}
                                 chapter={chapter}
-                                onUpdateSummary={(chapterId, summary) =>
-                                    onUpdateChapterSummary(chapterId, summary)
-                                }
-                                onUnlink={(chapterInfoId, chapterId) =>
-                                    onUnlinkChapter(chapterInfoId, chapterId)
-                                }
+                                onUpdateSummary={function (chapterId: string, summary: string): void {
+                                    onUpdateChapterSummary(chapterId, summary);
+                                }}
+                                onUnlink={function (chapterInfoId: string, chapterId: string): Promise<void> {
+                                    return onUnlinkChapter(chapterInfoId, chapterId);
+                                }}
                             />
-                        ))
-                    ) : (
-                        <p className="text-text-secondary text-center text-sm p-2">
-                            {t('noLinkedChapter')}
-                        </p>
-                    )}
-                    <InputField
-                        addButtonCallBack={(): Promise<void> => onLinkChapter(actId, selectedChapterId)}
-                        input={
-                            <SelectBox
-                                defaultValue={null}
-                                onChangeCallBack={(e) => setSelectedChapterId(e.target.value)}
-                                data={mainChaptersData()}
-                                placeholder={t('selectChapterPlaceholder')}
-                            />
-                        }
-                        isAddButtonDisabled={!selectedChapterId}
-                    />
-                </div>
-            )}
-        </div>
+                        );
+                    })
+                ) : (
+                    <p className="text-text-secondary text-center text-sm p-2">
+                        {t('noLinkedChapter')}
+                    </p>
+                )}
+                <InputField
+                    addButtonCallBack={function (): Promise<void> {
+                        return onLinkChapter(actId, selectedChapterId);
+                    }}
+                    input={
+                        <SelectBox
+                            defaultValue={null}
+                            onChangeCallBack={function (e: React.ChangeEvent<HTMLSelectElement>): void {
+                                setSelectedChapterId(e.target.value);
+                            }}
+                            data={mainChaptersData()}
+                            placeholder={t('selectChapterPlaceholder')}
+                        />
+                    }
+                    isAddButtonDisabled={!selectedChapterId}
+                />
+            </div>
+        </Collapse>
     );
 }