refactor(ui): update import paths from @/lib/utils to ~/lib/utils

Standardize import paths across UI components to use ~/lib/utils alias instead of @/lib/utils for better consistency and maintainability.

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

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { CarouselEmits, CarouselProps, WithClassAsProps } from './interface'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 import { useProvideCarousel } from './useCarousel'
 
 const props = withDefaults(defineProps<CarouselProps & WithClassAsProps>(), {

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

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { WithClassAsProps } from './interface'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 import { useCarousel } from './useCarousel'
 
 defineOptions({

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

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { WithClassAsProps } from './interface'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 import { useCarousel } from './useCarousel'
 
 const props = defineProps<WithClassAsProps>()

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

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

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

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