Removed default lucide icons and updated some packages

components/ui/dialog/DialogScrollContent.vue

@@ -9,8 +9,8 @@ import {
   DialogPortal,
   useForwardPropsEmits
 } from "radix-vue"
-import { X } from "lucide-vue-next"
 import { cn } from "~/lib/utils"
+import { PhX } from "@phosphor-icons/vue";
 
 const props = defineProps<DialogContentProps & { class?: HTMLAttributes["class"] }>()
 const emits = defineEmits<DialogContentEmits>()
@@ -55,7 +55,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
         <DialogClose
           class="absolute top-3 right-3 p-0.5 transition-colors rounded-md hover:bg-secondary"
         >
-          <X class="w-4 h-4" />
+          <PhX class="w-4 h-4" />
           <span class="sr-only">Close</span>
         </DialogClose>
       </DialogContent>