Modification sur les imports des skeleton.

Ajout bouton de navigation de retour vers home dans la page de détails.

@@ -161,7 +161,7 @@ onBeforeUnmount(() => {
       @event:clear_search="handleClearSearchEvent"
       @event:clear_search="handleClearSearchEvent"
     />
     />
     <!-- Loading Skeleton -->
     <!-- Loading Skeleton -->
-    <skeleton-movies-loader v-if="isInitialLoading" :is-initial-loading="isInitialLoading" :skeleton-number="20" />
+    <ui-components-skeleton-movies-loader v-if="isInitialLoading" :is-initial-loading="isInitialLoading" :skeleton-number="20" />
     <!-- Liste des films -->
     <!-- Liste des films -->
     <div v-else-if="movies.length > 0" class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
     <div v-else-if="movies.length > 0" class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
       <div
       <div

 <script setup lang="ts">
 <script setup lang="ts">
-
-import SkeletonMovieDetailLoader from "~/components/ui-components/skeletonMovieDetailLoader.vue";
+import { ArrowLeftIcon } from "lucide-vue-next";
 </script>
 </script>
 
 
 <template>
 <template>
   <section>
   <section>
     <!-- Skeleton loader pendant le chargement -->
     <!-- Skeleton loader pendant le chargement -->
-    <skeleton-movie-detail-loader />
+    <ui-components-skeleton-movie-detail-loader />
+    <button
+      class="flex items-center text-gray-400 hover:text-white mb-8 transition-colors"
+      @click="navigateTo('/')"
+    >
+      <ArrowLeftIcon :size="20" class="mr-2" />
+      Retour
+    </button>
+
   </section>
   </section>
 </template>
 </template>