Fix: múltiples correcciones de UI y funcionalidad

Cambios realizados:

1. Favicon:
   - Actualizar configuración en app.vue para usar iconos PNG correctos
   - Agregar links con tamaños 32x32 y 16x16
   - Actualizar theme-color a #16a34a (verde del proyecto)

2. Modal de Crear Operación:
   - Reestructurar con slots #header y #body para scroll correcto
   - Extraer header del Form.vue y moverlo al modal
   - Eliminar UCard del componente Form.vue
   - Agregar max-h-[80vh] para limitar altura
   - Ahora muestra scrollbar vertical cuando el contenido excede el espacio

3. USelect de filtro de operaciones:
   - Corregir de :options a :items (API correcta de NuxtUI v4)
   - Agregar label-key y value-key
   - Agregar computed selectOptions (igual que en Lotes)
   - Cambiar filtroTipo de ref('') a ref<string | null>(null)
   - Ahora el filtro funciona correctamente

Archivos modificados:
- app/app.vue: Configuración favicon y modal operaciones
- app/components/operaciones/Form.vue: Eliminar UCard
- app/components/operaciones/Table.vue: Corregir USelect

nuxt4/app/components/operaciones/Form.vue

@@ -1,17 +1,5 @@
 <template>
-  <UCard class="bg-gradient-to-br from-white to-slate-50 dark:from-slate-900 dark:to-slate-950 shadow-lg">
-    <template #header>
-      <div class="flex items-center justify-between">
-        <div>
-          <p class="text-xs uppercase tracking-wide text-gray-500 dark:text-gray-400">Flujo guiado</p>
-          <h3 class="text-xl font-semibold">Nueva Operación</h3>
-          <p class="text-sm text-gray-500 dark:text-gray-400">Define el tipo, selecciona inputs y crea los outputs.</p>
-        </div>
-        <UBadge color="indigo" variant="subtle">3 pasos</UBadge>
-      </div>
-    </template>
-
-    <div class="space-y-6">
+  <div class="space-y-6">
       <!-- Paso 1: Tipo de Operación -->
       <div v-if="step === 1" class="space-y-4">
         <div class="flex items-center justify-between">
@@ -193,7 +181,6 @@
         </div>
       </div>
     </div>
-  </UCard>
 </template>
 
 <script setup lang="ts">

nuxt4/app/components/operaciones/Table.vue

@@ -15,8 +15,10 @@
     <div class="flex gap-2">
       <USelect
         v-model="filtroTipo"
-        :options="[{ value: '', label: 'Todos los tipos' }, ...TIPOS_OPERACION]"
-        placeholder="Filtrar por tipo"
+        :items="selectOptions"
+        label-key="label"
+        value-key="value"
+        searchable
         class="w-64"
       />
       <UButton
@@ -94,9 +96,14 @@ console.log('🟡 OperacionesTable: useLotes() completado, TIPOS_OPERACION:', TI
 
 const operaciones = ref<Operacion[]>([])
 const loading = ref(false)
-const filtroTipo = ref('')
+const filtroTipo = ref<string | null>(null)
 const error = ref<string | null>(null)
 
+const selectOptions = computed(() => [
+  { value: null, label: 'Todos los tipos' },
+  ...TIPOS_OPERACION,
+])
+
 const columns: ColumnDef<Operacion>[] = [
   { accessorKey: 'tipo', id: 'tipo', header: 'Tipo de Operación' },
   { accessorKey: 'fecha', id: 'fecha', header: 'Fecha' },