feat: ajout de la gestion des doubles pages pour le lecteur, incluant des paramètres de détection automatique, des modes d'affichage et des préférences sauvegardées. Amélioration de l'interface utilisateur pour intégrer ces nouvelles fonctionnalités.

assets/vue/app/domain/reader/presentation/components/SingleModeReader.vue

@@ -17,6 +17,7 @@
                     :page-data="pageData"
                     :page-number="pageNumber"
                     :zoom="zoom"
+                    :double-page-mode="doublePageMode"
                 />
             </div>
 
@@ -63,9 +64,15 @@ const props = defineProps({
     zoom: {
         type: Number,
         required: true
+    },
+    doublePageMode: {
+        type: String,
+        required: true
     }
 });
 
+const emit = defineEmits(['buttonClick']);
+
 const store = useReaderStore();
 
 // État pour afficher les indicateurs de navigation
@@ -93,6 +100,7 @@ const goToPrevious = async () => {
         await store.goToPreviousChapter();
     }
     showNavigationHints.value = true;
+    emit('buttonClick'); // Signaler l'interaction pour afficher les boutons
     clearTimeout(hintTimeout);
     hintTimeout = setTimeout(() => {
         showNavigationHints.value = false;
@@ -110,6 +118,7 @@ const goToNext = async () => {
         // Le store va charger le chapitre suivant et se positionner automatiquement à la première page
     }
     showNavigationHints.value = true;
+    emit('buttonClick'); // Signaler l'interaction pour afficher les boutons
     clearTimeout(hintTimeout);
     hintTimeout = setTimeout(() => {
         showNavigationHints.value = false;
@@ -145,6 +154,8 @@ const hideRightHint = () => {
     @apply relative w-full h-full flex items-center justify-center;
     /* Suppression des marges sur mobile */
     @apply p-0 sm:p-2;
+    /* Ajouter des marges en haut et en bas pour l'espace des contrôles et paramètres */
+    @apply py-8 sm:py-12;
 }
 
 .page-navigation-wrapper {