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/table/Table.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 
 const props = defineProps<{
   class?: HTMLAttributes['class']

app/components/pub/ui/table/TableBody.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 
 const props = defineProps<{
   class?: HTMLAttributes['class']

app/components/pub/ui/table/TableCaption.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 
 const props = defineProps<{
   class?: HTMLAttributes['class']

app/components/pub/ui/table/TableCell.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 
 const props = defineProps<{
   class?: HTMLAttributes['class']

app/components/pub/ui/table/TableEmpty.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
 import { computed } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 import TableCell from './TableCell.vue'
 import TableRow from './TableRow.vue'
 

app/components/pub/ui/table/TableFooter.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 
 const props = defineProps<{
   class?: HTMLAttributes['class']

app/components/pub/ui/table/TableHead.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 
 const props = defineProps<{
   class?: HTMLAttributes['class']

app/components/pub/ui/table/TableHeader.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 
 const props = defineProps<{
   class?: HTMLAttributes['class']

app/components/pub/ui/table/TableRow.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 
 const props = defineProps<{
   class?: HTMLAttributes['class']

app/components/pub/ui/table/separator/Separator.vue

@@ -3,7 +3,8 @@ import type { SeparatorProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
 import { Separator } from 'radix-vue'
 import { computed } from 'vue'
-import { cn } from '@/lib/utils'
+import { cn } from '~/lib/utils'
+
 
 const props = defineProps<
   SeparatorProps & { class?: HTMLAttributes['class'], label?: string }