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/spells/editor/SpellEditorDetail.tsx

@@ -1,10 +1,12 @@
 'use client';
 import React from 'react';
-import {SpellEditState, spellPowerLevels, SpellTagProps} from '@/lib/models/Spell';
-import {SeriesSpellDetailResponse} from '@/lib/models/Series';
-import {SelectBoxProps} from '@/shared/interface';
+import {SpellEditState, SpellTagProps} from '@/lib/types/spell';
+import {spellPowerLevels} from '@/lib/constants/spell';
+import {SeriesSpellDetailResponse} from '@/lib/types/series';
+import {SelectBoxProps} from '@/components/form/SelectBox';
 import SpellTagChip from '@/components/book/settings/spells/SpellTagChip';
-import {useTranslations} from 'next-intl';
+import DetailField from '@/components/ui/DetailField';
+import {useTranslations} from '@/lib/i18n';
 
 interface SpellEditorDetailProps {
     spell: SpellEditState;
@@ -18,18 +20,18 @@ interface SpellEditorDetailProps {
  * PAS de CollapsableArea, PAS de grids
  */
 export default function SpellEditorDetail({
-    spell,
-    availableTags,
-    seriesSpell,
-}: SpellEditorDetailProps): React.JSX.Element {
+                                              spell,
+                                              availableTags,
+                                              seriesSpell,
+                                          }: SpellEditorDetailProps): React.JSX.Element {
     const t = useTranslations();
-
+    
     function getSelectedTags(): SpellTagProps[] {
         return availableTags.filter(function (tag: SpellTagProps): boolean {
             return spell.tags.includes(tag.id);
         });
     }
-
+    
     function getLocalizedPowerLevel(): string {
         if (!spell.powerLevel || spell.powerLevel === 'none') {
             return '';
@@ -39,31 +41,22 @@ export default function SpellEditorDetail({
         });
         return level ? t(level.label) : spell.powerLevel;
     }
-
-    function renderField(label: string, value: string | 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 whitespace-pre-wrap">{value}</p>
-            </div>
-        );
-    }
-
+    
     const selectedTags: SpellTagProps[] = getSelectedTags();
     const powerLevelText: string = getLocalizedPowerLevel();
 
     return (
         <div>
             <h3 className="text-text-primary font-semibold text-base mb-4">{spell.name}</h3>
-
-            {renderField(t('spellDetail.description'), spell.description)}
-            {renderField(t('spellDetail.appearance'), spell.appearance)}
-            {powerLevelText && renderField(t('spellDetail.powerLevel'), powerLevelText)}
-            {renderField(t('spellDetail.components'), spell.components)}
-            {renderField(t('spellDetail.limitations'), spell.limitations)}
-            {renderField(t('spellDetail.notes'), spell.notes)}
-
+            
+            <DetailField variant="compact" label={t('spellDetail.description')} value={spell.description}/>
+            <DetailField variant="compact" label={t('spellDetail.appearance')} value={spell.appearance}/>
+            {powerLevelText &&
+                <DetailField variant="compact" label={t('spellDetail.powerLevel')} value={powerLevelText}/>}
+            <DetailField variant="compact" label={t('spellDetail.components')} value={spell.components}/>
+            <DetailField variant="compact" label={t('spellDetail.limitations')} value={spell.limitations}/>
+            <DetailField variant="compact" label={t('spellDetail.notes')} value={spell.notes}/>
+            
             {selectedTags.length > 0 && (
                 <div className="mb-3">
                     <span className="text-text-secondary text-xs block mb-1">{t('spellDetail.tags')}</span>