⚠️ refactor (form): refactor label component for improved styling and responsiveness

app/components/pub/ui/carousel/CarouselNext.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { WithClassAsProps } from './interface'
-import { cn } from '@/lib/utils'
 import { ArrowRight } from 'lucide-vue-next'
+import { cn } from '@/lib/utils'
 import { Button } from '../button'
 import { useCarousel } from './useCarousel'
 

app/components/pub/ui/carousel/CarouselPrevious.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { WithClassAsProps } from './interface'
-import { cn } from '@/lib/utils'
 import { ArrowLeft } from 'lucide-vue-next'
+import { cn } from '@/lib/utils'
 import { Button } from '../button'
 import { useCarousel } from './useCarousel'
 

app/components/pub/ui/carousel/useCarousel.ts

@@ -34,7 +34,7 @@ const [useProvideCarousel, useInjectCarousel] = createInjectionState(
 
     onMounted(() => {
       if (!emblaApi.value)
-        return
+      { return }
 
       emblaApi.value?.on('init', onSelect)
       emblaApi.value?.on('reInit', onSelect)
@@ -51,7 +51,7 @@ function useCarousel() {
   const carouselState = useInjectCarousel()
 
   if (!carouselState)
-    throw new Error('useCarousel must be used within a <Carousel />')
+  { throw new Error('useCarousel must be used within a <Carousel />') }
 
   return carouselState
 }