feat: ajout de la gestion de l'expansion des volumes dans les composants MangaVolume et MangaVolumeList. Intégration de la synchronisation de l'état d'expansion avec les props, ainsi que des méthodes pour étendre ou réduire tous les volumes. Amélioration de l'interface utilisateur pour une navigation plus fluide entre les volumes.

assets/vue/app/domain/manga/presentation/components/MangaVolume.vue

@@ -83,7 +83,7 @@
     ChevronUpIcon,
     MagnifyingGlassIcon
 } from '@heroicons/vue/24/outline';
-import { ref } from 'vue';
+import { ref, watch } from 'vue';
 import { useMangaStore } from '../../application/store/mangaStore';
 import MangaChapterList from './MangaChapterList.vue';
 
@@ -106,13 +106,21 @@ import MangaChapterList from './MangaChapterList.vue';
         }
     });
 
+    const emit = defineEmits(['toggle']);
+
     const store = useMangaStore();
     const isOpen = ref(props.isOpen);
     const isSearching = ref(false);
     const isDownloading = ref(false);
 
+    // Synchroniser l'état local avec la prop
+    watch(() => props.isOpen, (newValue) => {
+        isOpen.value = newValue;
+    });
+
     const toggleVolume = () => {
         isOpen.value = !isOpen.value;
+        emit('toggle', props.volume.number);
     };
 
     const handleSearch = async () => {