feat: ajout de la gestion des chapitres dans le store Manga avec des actions pour charger et mettre à jour la disponibilité des chapitres, intégration d'un écouteur Mercure pour les mises à jour en temps réel, et amélioration des composants d'interface utilisateur pour gérer les états de chargement et d'erreur.

assets/vue/app/domain/manga/presentation/pages/MangaDetails.vue

@@ -4,6 +4,9 @@
     </div>
 
     <div v-else-if="currentManga" class="relative">
+        <!-- Composant invisible qui écoute les mises à jour Mercure -->
+        <MercureListener :manga-id="mangaId" />
+
         <Toolbar :config="toolbarConfig" />
 
         <div v-if="isRefreshingDetails" class="absolute top-2 right-2 text-gray-500">
@@ -31,7 +34,7 @@
 </template>
 
 <script setup>
-    import { computed, onUnmounted, watch } from 'vue';
+    import { computed, onUnmounted, watch, onMounted } from 'vue';
     import { useRoute } from 'vue-router';
     import {
         ArrowPathIcon,
@@ -49,6 +52,7 @@
 
     import MangaHeader from '../components/MangaHeader.vue';
     import MangaVolumeList from '../components/MangaVolumeList.vue';
+    import MercureListener from '../components/MercureListener.vue';
 
     import { useMangaStore } from '../../application/store/mangaStore';
     import Toolbar from '../../../../shared/components/ui/Toolbar.vue';
@@ -72,6 +76,17 @@
         error: errorVolumes
     } = useMangaVolumes(mangaId);
 
+    // Charger les chapitres dans le store quand le manga est chargé
+    watch(
+        mangaId,
+        newId => {
+            if (newId) {
+                mangaStore.loadChapters(newId);
+            }
+        },
+        { immediate: true }
+    );
+
     const toolbarConfig = computed(() => ({
         leftSection: [
             {