Fix: aplicar color correcto al icono en tabs activas/inactivas

Cambiado de 'icon' a 'leadingIcon' (propiedad correcta de Nuxt UI)
y agregados estados de color explícitos:
- Tab activa: text-[#1b1209] (negro oscuro)
- Tab inactiva: text-[var(--brand-text-muted)] (gris apagado)
- Transición suave de colores con transition-colors duration-200

Esto asegura que el icono sea visible y cambie de color
correctamente al seleccionar diferentes tabs.

nuxt4-app/app/pages/metabase-debug.vue

@@ -79,8 +79,7 @@
           indicator: 'bg-[#c08040] z-10',
           trigger: 'relative data-[state=active]:text-[#1b1209] data-[state=active]:hover:text-black data-[state=inactive]:text-[var(--brand-text-muted)] data-[state=inactive]:bg-transparent data-[state=inactive]:hover:text-[var(--brand-text)] data-[state=inactive]:hover:bg-[#2a1f14]/50 focus-visible:ring-2 focus-visible:ring-[#c08040] transition-colors duration-200',
           label: 'font-medium text-sm relative z-20',
-          // @ts-expect-error - icon is a valid customization prop in Nuxt UI
+          leadingIcon: 'relative z-20 data-[state=active]:text-[#1b1209] data-[state=inactive]:text-[var(--brand-text-muted)] transition-colors duration-200',
-          icon: 'relative z-20',
           content: 'py-4'
         }"
       >