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

app/components/pub/ui/drawer/DrawerContent.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { DialogContentEmits, DialogContentProps } from 'radix-vue'
 import type { HtmlHTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import { useForwardPropsEmits } from 'radix-vue'
 import { DrawerContent, DrawerPortal } from 'vaul-vue'
+import { cn } from '@/lib/utils'
 import DrawerOverlay from './DrawerOverlay.vue'
 
 const props = defineProps<DialogContentProps & { class?: HtmlHTMLAttributes['class'] }>()

app/components/pub/ui/drawer/DrawerDescription.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { DrawerDescriptionProps } from 'vaul-vue'
 import type { HtmlHTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import { DrawerDescription } from 'vaul-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<DrawerDescriptionProps & { class?: HtmlHTMLAttributes['class'] }>()
 

app/components/pub/ui/drawer/DrawerOverlay.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { DialogOverlayProps } from 'radix-vue'
 import type { HtmlHTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import { DrawerOverlay } from 'vaul-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<DialogOverlayProps & { class?: HtmlHTMLAttributes['class'] }>()
 

app/components/pub/ui/drawer/DrawerTitle.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { DrawerTitleProps } from 'vaul-vue'
 import type { HtmlHTMLAttributes } from 'vue'
-import { cn } from '@/lib/utils'
 import { DrawerTitle } from 'vaul-vue'
 import { computed } from 'vue'
+import { cn } from '@/lib/utils'
 
 const props = defineProps<DrawerTitleProps & { class?: HtmlHTMLAttributes['class'] }>()