feat(theme)!: migrate from heroicons to lucide (#2540)

Co-authored-by: Benjamin Canac <canacb1@gmail.com>

docs/app/components/content/examples/toast/ToastActionsExample.vue

@@ -10,7 +10,7 @@ function showToast() {
     title: 'Uh oh! Something went wrong.',
     description: props.description,
     actions: [{
-      icon: 'i-heroicons-arrow-path-20-solid',
+      icon: 'i-lucide-refresh-ccw',
       label: 'Retry',
       color: 'neutral',
       variant: 'outline',

docs/app/components/content/examples/toast/ToastCloseExample.vue

@@ -5,7 +5,7 @@ function showToast() {
   toast.add({
     title: 'Uh oh! Something went wrong.',
     description: 'There was a problem with your request.',
-    icon: 'i-heroicons-wifi',
+    icon: 'i-lucide-wifi',
     close: {
       color: 'primary',
       variant: 'outline',

docs/app/components/content/examples/toast/ToastColorExample.vue

@@ -11,7 +11,7 @@ function showToast() {
   toast.add({
     title: 'Uh oh! Something went wrong.',
     description: 'There was a problem with your request.',
-    icon: 'i-heroicons-wifi',
+    icon: 'i-lucide-wifi',
     color: props.color
   })
 }

docs/app/components/content/examples/toast/ToastExample.vue

@@ -8,11 +8,11 @@ function addToCalendar() {
   toast.add({
     title: 'Event added to calendar',
     description: `This event is scheduled for ${formattedDate}.`,
-    icon: 'i-heroicons-calendar-days'
+    icon: 'i-lucide-calendar-days'
   })
 }
 </script>
 
 <template>
-  <UButton label="Add to calendar" color="neutral" variant="outline" icon="i-heroicons-plus" @click="addToCalendar" />
+  <UButton label="Add to calendar" color="neutral" variant="outline" icon="i-lucide-plus" @click="addToCalendar" />
 </template>