feat: ajout de la fonctionnalité de réinitialisation des résultats de recherche dans le store Manga, mise à jour des routes pour une meilleure structure, et amélioration de l'affichage des mangas dans les composants MangaCard et MangaList avec des liens RouterLink

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

@@ -1,7 +1,7 @@
 <template>
-    <div
-        class="bg-white rounded-lg shadow-md overflow-hidden cursor-pointer transition-transform hover:scale-105"
-        @click="navigateToDetails">
+    <RouterLink
+        :to="{ name: 'manga-details', params: { id: manga.id } }"
+        class="bg-white rounded-lg shadow-md overflow-hidden cursor-pointer transition-transform hover:scale-105 block">
         <div class="relative pb-[150%]">
             <img
                 :src="manga.thumbnailUrl || 'https://via.placeholder.com/300x400'"
@@ -15,14 +15,10 @@
             </div>
             <div class="mt-1 text-sm text-gray-500"> Added: {{ formatDate(manga.createdAt) }} </div>
         </div>
-    </div>
+    </RouterLink>
 </template>
 
 <script setup>
-    import { useRouter } from 'vue-router';
-
-    const router = useRouter();
-
     const props = defineProps({
         manga: {
             type: Object,
@@ -30,13 +26,6 @@
         }
     });
 
-    const navigateToDetails = () => {
-        router.push({
-            name: 'manga-details',
-            params: { id: props.manga.id }
-        });
-    };
-
     const formatDate = dateString => {
         const date = new Date(dateString);
         return date.toLocaleDateString('en-US', {