feat: ajout d'une route GetMangaByIdHandler.php et fix de la SearchBar.vue

assets/vue/app/shared/components/layout/SearchBar.vue

@@ -25,11 +25,11 @@
           <button
             v-for="manga in results"
             :key="manga.id"
-            @click="handleMangaClick(manga.slug)"
+            @click="handleMangaClick(manga.id)"
             class="w-full px-4 py-2 flex items-center gap-3 hover:bg-gray-700/50 text-white"
           >
             <img
-              :src="manga.imageUrl"
+              :src="manga.thumbnailUrl"
               :alt="manga.title"
               class="w-10 h-14 object-cover rounded"
             />
@@ -90,17 +90,20 @@ const searchManga = async () => {
 
   loading.value = true;
   try {
-    results.value = await searchMangas.execute(query.value);
+    const response = await searchMangas.execute(query.value);
+    results.value = Array.isArray(response) ? response : response.items || [];
     hasSearched.value = true;
+    console.log('Résultats de recherche:', results.value);
   } catch (error) {
     console.error('Search error:', error);
+    results.value = [];
   } finally {
     loading.value = false;
   }
 };
 
-const handleMangaClick = (slug) => {
-  router.push(`/manga/${slug}`);
+const handleMangaClick = (id) => {
+  router.push(`/manga/${id}`);
   isOpen.value = false;
   query.value = '';
   hasSearched.value = false;