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

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

docs/content/1.getting-started/3.theme.md

@@ -110,7 +110,7 @@ export default defineAppConfig({
 ```
 
 ::note
-Try the :prose-icon{name="i-heroicons-swatch" class="text-[var(--ui-primary)]"} theme picker in the header above to change `primary` and `neutral` colors.
+Try the :prose-icon{name="i-lucide-swatch-book" class="text-[var(--ui-primary)]"} theme picker in the header above to change `primary` and `neutral` colors.
 ::
 
 These colors are used to style the components but also to generate the `color` variants:
@@ -345,7 +345,7 @@ Nuxt UI uses a global `--ui-radius` CSS variable for consistent border rounding.
 ```
 
 ::note
-Try the :prose-icon{name="i-heroicons-swatch" class="text-[var(--ui-primary)]"} theme picker in the header above to change the base radius value.
+Try the :prose-icon{name="i-lucide-swatch-book" class="text-[var(--ui-primary)]"} theme picker in the header above to change the base radius value.
 ::
 
 ::tip
@@ -522,7 +522,7 @@ ignore:
   - size
   - icon
 props:
-  trailingIcon: i-heroicons-chevron-right
+  trailingIcon: i-lucide-chevron-right
   size: md
   color: neutral
   variant: outline

docs/content/1.getting-started/4.icons.md

@@ -23,7 +23,7 @@ You can use the [Icon](/components/icon) component with a `name` prop to display
 ::component-code{slug="icon"}
 ---
 props:
-  name: 'i-heroicons-light-bulb'
+  name: 'i-lucide-lightbulb'
   class: 'size-5'
 ---
 ::
@@ -38,7 +38,7 @@ ignore:
   - color
   - variant
 props:
-  icon: i-heroicons-sun
+  icon: i-lucide-sun
   variant: subtle
 slots:
   default: Button