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

app/components/pub/ui/scroll-area/ScrollArea.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { ScrollAreaRootProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import {
   ScrollAreaCorner,
   ScrollAreaRoot,
@@ -9,6 +8,7 @@ import {
   ScrollAreaViewport,
 } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 import ScrollBar from './ScrollBar.vue'
 
 const props = defineProps<ScrollAreaRootProps & { class?: HTMLAttributes['class'] }>()

app/components/pub/ui/scroll-area/ScrollBar.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { ScrollAreaScrollbarProps } from 'radix-vue'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import { ScrollAreaScrollbar, ScrollAreaThumb } from 'radix-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = withDefaults(defineProps<ScrollAreaScrollbarProps & { class?: HTMLAttributes['class'] }>(), {
   orientation: 'vertical',