Enhance FindSliderBySlugTask to filter slides based on current time, ensuring only active slides within the valid time range are retrieved; update SlidesRelationManager to set default and minimum dates for start and end times. Improve Slider component styling for better visibility during loading state.

resources/js/Pages/Main.vue

@@ -2,7 +2,7 @@
 	<MetaTags :seo="seo" />
 
 	<MainPageNavBar :sections="$page.props.navigation" />
-  <Slider class="bvi-hide" slider-id="quos-velit-quisquam" />
+  <Slider class="bvi-hide bg-gray-300" slider-id="quos-velit-quisquam" />
 
   <section class="max-w-screen-xl w-full mx-auto px-4 py-3 pb-10">
     <PostSection :posts="posts" />

resources/js/componentss/features/sliders/Slider.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="loading" class="relative z-0 min-h-[calc(100vh)] items-center">
+  <div v-if="loading" class="relative z-0 min-h-[calc(100vh)] items-center bg-gray-500">
     <div class="group block rounded-xl overflow-hidden animate-pulse min-h-[calc(100vh)] bg-gray-200"></div>
   </div>