Fix hover to preview once and for all

resources/views/components/episode-cover.blade.php

@@ -38,12 +38,19 @@
                     class="aspect-[11/16] w-full object-cover object-center transform-gpu transition-transform duration-500 group-hover:scale-[1.02]"
                 >
             @elseif ($view === 'thumbnail')
+                @php
+                    $galleryImages = $episode->gallery
+                        ->pluck('thumbnail_url')
+                        ->filter()
+                        ->values();
+                @endphp
                 <img
-                    src="{{ $episode->gallery->first()?->thumbnail_url }}"
+                    src="{{ $galleryImages->first() }}"
                     alt="{{ $episode->title }} - {{ $episode->episode }}"
                     loading="lazy"
                     width="1000"
-                    class="w-full object-cover object-center transform-gpu transition-transform duration-500 group-hover:scale-[1.02]"
+                    data-gallery='@json($galleryImages)'
+                    class="preview-gallery aspect-video w-full object-cover object-center transform-gpu transition-transform duration-500 group-hover:scale-[1.02]"
                 >
             @endif
 

resources/views/layouts/footer.blade.php

@@ -94,3 +94,6 @@
 
 <!-- Modals -->
 @include('modals.language-selector')
+
+<!-- Thumbnail hover -->
+@vite(['resources/js/preview.js'])

resources/views/livewire/live-search.blade.php

@@ -24,5 +24,4 @@
         </div>
         {{ $episodes->appends(['tags' => $selectedtags])->links('pagination::tailwind') }}
     </div>
-    @vite(['resources/js/preview.js'])
 </div>

resources/views/livewire/user-likes.blade.php

@@ -24,5 +24,4 @@
         </div>
         {{ $episodes->appends(['tags' => $selectedtags])->links('pagination::tailwind') }}
     </div>
-    @vite(['resources/js/preview.js'])
 </div