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

@@ -1,61 +1,45 @@
 'use client'
 import {ChangeEvent, forwardRef, useContext, useEffect, useImperativeHandle, useState} from "react";
-import System from "@/lib/models/System";
-import {AlertContext} from "@/context/AlertContext";
-import {SessionContext} from "@/context/SessionContext";
+import {apiGet, apiPut} from '@/lib/api/client';
+import {AlertContext, AlertContextProps} from "@/context/AlertContext";
+import {SessionContext, SessionContextProps} from "@/context/SessionContext";
 import TextInput from "@/components/form/TextInput";
-import TexteAreaInput from "@/components/form/TexteAreaInput";
+import TextAreaInput from "@/components/form/TextAreaInput";
 import InputField from "@/components/form/InputField";
-import {useTranslations} from "next-intl";
+import {useTranslations} from '@/lib/i18n';
 import {LangContext, LangContextProps} from "@/context/LangContext";
 import {SeriesContext, SeriesContextProps} from "@/context/SeriesContext";
-import {SeriesDetailResponse, SeriesUpdateResponse} from "@/lib/models/Series";
-import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
-import {faSpinner} from "@fortawesome/free-solid-svg-icons";
-import OfflineContext, {OfflineContextType} from "@/context/OfflineContext";
-import {LocalSyncQueueContext, LocalSyncQueueContextProps} from "@/context/SyncQueueContext";
-import {SeriesSyncContext, SeriesSyncContextProps} from "@/context/SeriesSyncContext";
-import {SyncedSeries} from "@/lib/models/SyncedSeries";
-import * as tauri from '@/lib/tauri';
+import {SeriesDetailResponse, SeriesUpdateResponse} from "@/lib/types/series";
+import PulseLoader from '@/components/ui/PulseLoader';
 
 function BasicSeriesInformation(props: object, ref: React.Ref<{ handleSave: () => Promise<void> }>) {
     const t = useTranslations();
-    const {lang} = useContext<LangContextProps>(LangContext);
-
-    const {session} = useContext(SessionContext);
-    const {seriesId, localSeries} = useContext<SeriesContextProps>(SeriesContext);
+    const {lang}: LangContextProps = useContext<LangContextProps>(LangContext);
+    
+    const {session}: SessionContextProps = useContext<SessionContextProps>(SessionContext);
+    const {seriesId}: SeriesContextProps = useContext<SeriesContextProps>(SeriesContext);
     const userToken: string = session?.accessToken ? session?.accessToken : '';
-    const {errorMessage, successMessage} = useContext(AlertContext);
-    const {isCurrentlyOffline} = useContext<OfflineContextType>(OfflineContext);
-    const {addToQueue} = useContext<LocalSyncQueueContextProps>(LocalSyncQueueContext);
-    const {localSyncedSeries} = useContext<SeriesSyncContextProps>(SeriesSyncContext);
-
+    const {errorMessage, successMessage}: AlertContextProps = useContext<AlertContextProps>(AlertContext);
+    
     const [isLoading, setIsLoading] = useState<boolean>(true);
     const [name, setName] = useState<string>('');
     const [description, setDescription] = useState<string>('');
-
+    
     useEffect(function () {
         if (seriesId) {
             loadSeriesData();
         }
     }, [seriesId]);
-
+    
     async function loadSeriesData(): Promise<void> {
         setIsLoading(true);
         try {
-            let response: SeriesDetailResponse;
-
-            if (isCurrentlyOffline() || localSeries) {
-                response = await tauri.getSeriesDetail(seriesId);
-            } else {
-                response = await System.authGetQueryToServer<SeriesDetailResponse>(
-                    'series/detail',
-                    userToken,
-                    lang,
-                    {seriesid: seriesId}
-                );
-            }
-
+            const response: SeriesDetailResponse = await apiGet<SeriesDetailResponse>(
+                'series/detail',
+                userToken,
+                lang,
+                {seriesid: seriesId}
+            );
             if (response) {
                 setName(response.name);
                 setDescription(response.description || '');
@@ -70,43 +54,25 @@ function BasicSeriesInformation(props: object, ref: React.Ref<{ handleSave: () =
             setIsLoading(false);
         }
     }
-
+    
     useImperativeHandle(ref, function () {
         return {
             handleSave: handleSave
         };
     });
-
+    
     async function handleSave(): Promise<void> {
         if (!name) {
             errorMessage(t('seriesBasicInformation.error.nameRequired'));
             return;
         }
         try {
-            const updateData = {
+            const response: SeriesUpdateResponse = await apiPut<SeriesUpdateResponse>('series/update', {
                 seriesId: seriesId,
                 name: name,
                 description: description
-            };
-            let success: boolean;
-
-            if (isCurrentlyOffline() || localSeries) {
-                success = await tauri.updateSeries(updateData);
-            } else {
-                const response: SeriesUpdateResponse = await System.authPutToServer<SeriesUpdateResponse>(
-                    'series/update',
-                    updateData,
-                    userToken,
-                    lang
-                );
-                success = response.success;
-
-                if (localSyncedSeries.find((s: SyncedSeries): boolean => s.id === seriesId)) {
-                    addToQueue('update_series', {data: updateData});
-                }
-            }
-
-            if (!success) {
+            }, userToken, lang);
+            if (!response.success) {
                 errorMessage(t('seriesBasicInformation.error.update'));
                 return;
             }
@@ -119,32 +85,24 @@ function BasicSeriesInformation(props: object, ref: React.Ref<{ handleSave: () =
             }
         }
     }
-
+    
     if (isLoading) {
-        return (
-            <div className="flex items-center justify-center py-12">
-                <FontAwesomeIcon icon={faSpinner} className="w-8 h-8 text-primary animate-spin"/>
-            </div>
-        );
+        return <PulseLoader/>;
     }
-
+    
     return (
         <div className="space-y-6">
-            <div className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
-                <InputField fieldName={t('seriesBasicInformation.fields.name')} input={<TextInput
-                    value={name}
-                    setValue={(e: ChangeEvent<HTMLInputElement>) => setName(e.target.value)}
-                    placeholder={t('seriesBasicInformation.fields.namePlaceholder')}
-                />}/>
-            </div>
-
-            <div className="bg-tertiary/90 backdrop-blur-sm rounded-xl p-5 border border-secondary/50 shadow-md">
-                <InputField fieldName={t('seriesBasicInformation.fields.description')} input={<TexteAreaInput
-                    value={description}
-                    setValue={(e: ChangeEvent<HTMLTextAreaElement>) => setDescription(e.target.value)}
-                    placeholder={t('seriesBasicInformation.fields.descriptionPlaceholder')}
-                />}/>
-            </div>
+            <InputField fieldName={t('seriesBasicInformation.fields.name')} input={<TextInput
+                value={name}
+                setValue={(e: ChangeEvent<HTMLInputElement>) => setName(e.target.value)}
+                placeholder={t('seriesBasicInformation.fields.namePlaceholder')}
+            />}/>
+            
+            <InputField fieldName={t('seriesBasicInformation.fields.description')} input={<TextAreaInput
+                value={description}
+                setValue={(e: ChangeEvent<HTMLTextAreaElement>) => setDescription(e.target.value)}
+                placeholder={t('seriesBasicInformation.fields.descriptionPlaceholder')}
+            />}/>
         </div>
     );
 }