refactor: improve slide display logic and add x-cloak for smoother transitions in onboarding modal

extensions/Others/Onboarding/resources/views/modal.blade.php

@@ -42,13 +42,14 @@
         @foreach($slides as $index => $slide)
             <div wire:key="slide-{{ $slide['id'] }}" 
                  x-show="currentSlide === {{ $index }}"
+                 x-cloak
                  x-transition:enter="transition ease-out duration-150"
                  x-transition:enter-start="opacity-0"
                  x-transition:enter-end="opacity-100"
                  x-transition:leave="transition ease-in duration-150"
                  x-transition:leave-start="opacity-100"
                  x-transition:leave-end="opacity-0"
-                 style="display: flex; flex-direction: column;">
+                 style="flex-direction: column;{{ $index === $currentSlide ? ' display: flex;' : ' display: none;' }}">
                 
                 {{-- Slide Image --}}
                 @if($slide['image'])