feat: ajout de la fonctionnalité de recherche et d'ajout de mangas, avec mise à jour du store pour gérer les états de recherche et d'ajout, ainsi que création d'une nouvelle page AddManga pour l'interface utilisateur

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

@@ -3,7 +3,8 @@
         <div
             v-for="manga in mangas"
             :key="manga.id"
-            class="flex bg-white dark:bg-gray-800 shadow overflow-hidden sm:rounded-lg p-4 space-x-4">
+            class="flex bg-white dark:bg-gray-800 shadow overflow-hidden sm:rounded-lg p-4 space-x-4 cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700"
+            @click="$emit('manga-click', manga)">
             <!-- Cover Image -->
             <div class="flex-shrink-0">
                 <img :src="manga.imageUrl || '/placeholder-cover.png'" alt="" class="h-48 w-32 object-cover rounded" />
@@ -30,7 +31,9 @@
 </template>
 
 <script setup>
-    import { defineProps } from 'vue';
+    import { defineProps, defineEmits } from 'vue';
+
+    const emit = defineEmits(['manga-click']);
 
     const props = defineProps({
         mangas: {
@@ -39,8 +42,6 @@
         }
     });
 
-    console.log(props.mangas);
-
     const formatDate = dateString => {
         if (!dateString) return '';
         const options = { year: 'numeric', month: 'long', day: 'numeric' };