feat: ajout d'une barre d'outils dans le composant MangaDetails, intégration de nouveaux boutons avec des actions configurables, et amélioration de la structure des composants de la barre d'outils pour une meilleure expérience utilisateur.

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

@@ -2,19 +2,20 @@
     <button
         @click="$emit('click')"
         :class="[
-            'flex flex-col items-center justify-center p-1 rounded group text-white min-w-[50px]',
+            'flex flex-col items-center justify-around h-full w-min p-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 mb-1" />
-        <span v-if="label" class="text-xs">{{ label }}</span>
+        <component v-if="icon" :is="icon" class="h-6 w-6" />
+        <ToolbarLabel :label="label" />
     </button>
 </template>
 
 <script setup>
     import { computed } from 'vue';
+    import ToolbarLabel from './ToolbarLabel.vue';
 
     defineProps({
         icon: {