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/characters/editor/CharacterEditorDetail.tsx

@@ -1,20 +1,16 @@
 'use client';
 import React, {useContext, useEffect} from 'react';
-import {
-    Attribute,
-    CharacterAttribute,
-    characterCategories,
-    CharacterProps
-} from '@/lib/models/Character';
-import {SeriesCharacterProps} from '@/lib/models/Series';
-import {useTranslations} from 'next-intl';
-import {SessionContext} from '@/context/SessionContext';
-import {AlertContext} from '@/context/AlertContext';
-import {LangContext} from '@/context/LangContext';
-import OfflineContext, {OfflineContextType} from '@/context/OfflineContext';
-import {BookContext} from '@/context/BookContext';
-import System from '@/lib/models/System';
-import * as tauri from '@/lib/tauri';
+import {Attribute, CharacterAttribute, CharacterProps} from '@/lib/types/character';
+import {characterCategories} from '@/lib/constants/character';
+import {SelectBoxProps} from '@/components/form/SelectBox';
+import {SeriesCharacterProps} from '@/lib/types/series';
+import {useTranslations} from '@/lib/i18n';
+import DetailField from '@/components/ui/DetailField';
+import AvatarIcon from '@/components/ui/AvatarIcon';
+import {SessionContext, SessionContextProps} from '@/context/SessionContext';
+import {AlertContext, AlertContextProps} from '@/context/AlertContext';
+import {LangContext, LangContextProps} from '@/context/LangContext';
+import {apiGet} from '@/lib/api/client';
 
 type AttributeResponse = { type: string; values: Attribute[] }[];
 
@@ -30,36 +26,29 @@ interface CharacterEditorDetailProps {
  * PAS de CollapsableArea, PAS de grids
  */
 export default function CharacterEditorDetail({
-    character,
-    seriesCharacter,
-    onLoadAttributes,
-}: CharacterEditorDetailProps): React.JSX.Element {
+                                                  character,
+                                                  seriesCharacter,
+                                                  onLoadAttributes,
+                                              }: CharacterEditorDetailProps): React.JSX.Element {
     const t = useTranslations();
-    const {lang} = useContext(LangContext);
-    const {session} = useContext(SessionContext);
-    const {errorMessage} = useContext(AlertContext);
-    const {isCurrentlyOffline} = useContext<OfflineContextType>(OfflineContext);
-    const {book} = useContext(BookContext);
-
+    const {lang}: LangContextProps = useContext<LangContextProps>(LangContext);
+    const {session}: SessionContextProps = useContext<SessionContextProps>(SessionContext);
+    const {errorMessage}: AlertContextProps = useContext<AlertContextProps>(AlertContext);
+    
     useEffect(function (): void {
         if (character?.id !== null) {
             getAttributes().then();
         }
     }, [character?.id]);
-
+    
     async function getAttributes(): Promise<void> {
         try {
-            let response: AttributeResponse;
-            if (isCurrentlyOffline() || book?.localBook) {
-                response = await tauri.getCharacterAttributes(character?.id!) as AttributeResponse;
-            } else {
-                response = await System.authGetQueryToServer<AttributeResponse>(
-                    'character/attribute',
-                    session.accessToken,
-                    lang,
-                    {characterId: character?.id}
-                );
-            }
+            const response: AttributeResponse = await apiGet<AttributeResponse>(
+                'character/attribute',
+                session.accessToken,
+                lang,
+                {characterId: character?.id}
+            );
             if (response && onLoadAttributes) {
                 const attributes: CharacterAttribute = {};
                 response.forEach(function (item: { type: string; values: Attribute[] }): void {
@@ -73,48 +62,34 @@ export default function CharacterEditorDetail({
             }
         }
     }
-
-    function renderField(label: string, value: string | number | null | undefined): React.JSX.Element | null {
-        if (!value) return null;
-        return (
-            <div className="mb-3">
-                <span className="text-text-secondary text-xs block mb-1">{label}</span>
-                <p className="text-text-primary text-sm">{value}</p>
-            </div>
-        );
-    }
-
+    
     function getCategoryLabel(category: string | null | undefined): string {
         if (!category) return '';
-        const found = characterCategories.find(function (c): boolean { return c.value === category; });
+        const found: SelectBoxProps | undefined = characterCategories.find(function (c: SelectBoxProps): boolean {
+            return c.value === category;
+        });
         return found ? t(found.label) : category;
     }
-
+    
     return (
         <div>
-            {/* Image du personnage - version compacte */}
             {character.image && (
                 <div className="flex justify-center mb-4">
-                    <div className="w-16 h-16 rounded-full border-2 border-primary overflow-hidden">
-                        <img
-                            src={character.image}
-                            alt={character.name}
-                            className="w-full h-full object-cover"
-                        />
-                    </div>
+                    <AvatarIcon size="xl" image={character.image} alt={character.name}/>
                 </div>
             )}
-
+            
             <h3 className="text-text-primary font-semibold text-base mb-4">
                 {character.name} {character.lastName}
             </h3>
-
-            {renderField(t('characterDetail.role'), getCategoryLabel(character.category))}
-            {renderField(t('characterDetail.title'), character.title)}
-            {renderField(t('characterDetail.gender'), character.gender)}
-            {renderField(t('characterDetail.age'), character.age)}
-            {renderField(t('characterDetail.biography'), character.biography)}
-            {renderField(t('characterDetail.roleFull'), character.role)}
+            
+            <DetailField variant="compact" label={t('characterDetail.role')}
+                         value={getCategoryLabel(character.category)}/>
+            <DetailField variant="compact" label={t('characterDetail.title')} value={character.title}/>
+            <DetailField variant="compact" label={t('characterDetail.gender')} value={character.gender}/>
+            <DetailField variant="compact" label={t('characterDetail.age')} value={character.age}/>
+            <DetailField variant="compact" label={t('characterDetail.biography')} value={character.biography}/>
+            <DetailField variant="compact" label={t('characterDetail.roleFull')} value={character.role}/>
         </div>
     );
 }