Fix: Actualizar implementación de UTabs a Nuxt UI v4

- Cambiar selectedTab de ref(0) a ref('lotes') para usar string
- Agregar propiedad value explícita a cada tab item
- Crear documento nuxt-ui-tips.md con documentación de cambios
- Los valores deben ser strings según API de v4

nuxt4/app/app.vue

@@ -174,10 +174,10 @@ import type { Lote, Operacion } from '~/composables/useLotes'
 const { isAuthenticated } = useAuthentik()
 
 // Navegación
-const selectedTab = ref(0)
+const selectedTab = ref('lotes')
 const tabs = [
-  { label: 'Lotes', icon: 'i-heroicons-cube', slot: 'lotes' },
-  { label: 'Operaciones', icon: 'i-heroicons-beaker', slot: 'operaciones' },
+  { label: 'Lotes', icon: 'i-heroicons-cube', slot: 'lotes', value: 'lotes' },
+  { label: 'Operaciones', icon: 'i-heroicons-beaker', slot: 'operaciones', value: 'operaciones' },
 ]
 
 // Estados de modales