Fix: Corregir especificidad CSS del color de texto en tab activa de sidebar

Movido text-[var(--brand-text-muted)] de item.base a item.inactive
para evitar conflictos de especificidad CSS con el color del estado activo.

Antes:
- item.base aplicaba text-muted a TODOS los items
- Conflicto con text-[var(--brand-success)] del estado active

Después:
- item.base solo tiene estilos de hover (aplicados a todos)
- item.inactive tiene el color muted explícitamente
- item.active mantiene su color success sin conflictos

Esto asegura que el color del texto activo se aplique correctamente
según el tema seleccionado.

nuxt4-app/app/components/app/AppSidebar.vue

@@ -50,9 +50,9 @@
         class="gap-1"
         :ui="{
           item: {
-            base: 'text-[var(--brand-text-muted)] hover:text-[var(--brand-primary)] hover:bg-[var(--brand-primary)]/10',
+            base: 'hover:text-[var(--brand-primary)] hover:bg-[var(--brand-primary)]/10',
             active: 'bg-[var(--brand-success)]/15 text-[var(--brand-success)] border-l-2 border-[var(--brand-success)] font-medium',
-            inactive: 'border-l-2 border-transparent'
+            inactive: 'text-[var(--brand-text-muted)] border-l-2 border-transparent'
           }
         }"
       />