feat: amélioration de l'interface utilisateur des composants MangaHeader, MangaVolume et MangaVolumeList, avec des ajustements de style pour une meilleure réactivité et une expérience utilisateur optimisée sur mobile. Ajout de la gestion de la taille de la fenêtre pour adapter l'affichage des éléments.

assets/vue/app/shared/components/ui/ToolbarButton.vue

@@ -2,19 +2,18 @@
     <button
         @click="$emit('click')"
         :class="[
-            'flex flex-col items-center justify-around min-h-14 w-min ml-4 rounded group text-white',
+            'flex flex-col items-center justify-center min-h-12 sm:min-h-14 w-min px-2 sm:ml-4 ml-1 rounded group text-white',
             active
                 ? 'text-green-500' // Style actif
                 : 'hover:text-green-500' // Effet de survol
         ]"
         :aria-label="label || 'Toolbar button'">
-        <component v-if="icon" :is="icon" class="h-6 w-6" />
+        <component v-if="icon" :is="icon" class="h-5 w-5 sm:h-6 sm:w-6" />
         <ToolbarLabel :label="label" />
     </button>
 </template>
 
 <script setup>
-    import { computed } from 'vue';
     import ToolbarLabel from './ToolbarLabel.vue';
 
     defineProps({