Removed default lucide icons and updated some packages

components/ui/dialog/DialogContent.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>()
@@ -43,7 +43,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
       <DialogClose
         class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
       >
-        <X class="w-4 h-4" />
+        <PhX class="w-4 h-4" />
         <span class="sr-only">Close</span>
       </DialogClose>
     </DialogContent>