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

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

devtools/app/components/CollapseContainer.vue

@@ -32,7 +32,7 @@ onMounted(() => {
       class="bg-[var(--ui-bg)] group w-full flex justify-center my-1 border-t border-[var(--ui-border)] rounded-t-none"
       variant="link"
       color="neutral"
-      trailing-icon="i-heroicons-chevron-down"
+      trailing-icon="i-lucide-chevron-down"
       :data-state="collapsed ? 'closed' : 'open'"
       :ui="{ trailingIcon: 'transition group-data-[state=open]:rotate-180' }"
       @click="collapsed = !collapsed"

devtools/app/components/ComponentPreview.vue

@@ -118,7 +118,7 @@ const previewUrl = computed(() => {
       @load="onRendererReady"
     />
     <div v-if="!rendererVisible" class="grow w-full flex justify-center items-center px-8">
-      <UAlert color="error" variant="subtle" title="Component preview not found" icon="i-heroicons-exclamation-circle">
+      <UAlert color="error" variant="subtle" title="Component preview not found" icon="i-lucide-circle-alert">
         <template #description>
           <p>Ensure your <code>app.vue</code> file includes a <code>&lt;NuxtPage /&gt;</code> component, as the component preview is mounted as a page. </p>
         </template>
@@ -130,7 +130,7 @@ const previewUrl = computed(() => {
       <UButton
         color="neutral"
         variant="link"
-        :icon="copied ? 'i-heroicons-clipboard-document-check' : 'i-heroicons-clipboard-document'"
+        :icon="copied ? 'i-lucide-clipboard-check' : 'i-lucide-clipboard'"
         class="absolute top-6 right-6"
         @click="copy(formattedCode)"
       />

devtools/app/components/inputs/ArrayInput.vue

@@ -47,12 +47,12 @@ function addArrayItem() {
       />
 
       <UPopover>
-        <UButton variant="ghost" color="neutral" icon="i-heroicons-ellipsis-vertical" class="absolute top-4 right-1" />
+        <UButton variant="ghost" color="neutral" icon="i-lucide-ellipsis-vertical" class="absolute top-4 right-1" />
         <template #content>
           <UButton
             variant="ghost"
             color="error"
-            icon="i-heroicons-trash"
+            icon="i-lucide-trash"
             block
             @click="removeArrayItem(index)"
           >
@@ -63,7 +63,7 @@ function addArrayItem() {
     </div>
 
     <UButton
-      icon="i-heroicons-plus"
+      icon="i-lucide-plus"
       color="neutral"
       variant="ghost"
       block