Refactor: mover toggle de unidades y aplicar en Precios Promedio Ponderados

Cambios en TotalesIngresoCompra:
- Mover botón toggle del header principal al header de sección 'Uva'
- Mejor posicionamiento: solo afecta la sección donde se aplica

Cambios en TotalesMonetarios:
- Agregar toggle de unidades en 'Precios Promedio Ponderados' para Uva
- 3 estados: LB, QQ, Ambos (muestra ambos precios en un contenedor)
- Unificar visualización de 'Uva por LB' y 'Uva por QQ' en un solo contenedor
- Grid cambia de 5 a 4 columnas para mejor layout

Ambos toggles funcionan independientemente y mantienen el mismo patrón
de diseño con iconos dinámicos.

nuxt4-app/app/components/TotalesIngresoCompra.vue

@@ -1,29 +1,29 @@
 <template>
   <UCard class="brand-card border border-transparent">
     <template #header>
-      <div class="flex justify-between items-center">
-        <h2 class="text-xl font-bold brand-section-title">Totales de Ingreso y Compra</h2>
-
-        <!-- Toggle de Unidades (solo para sección Uva) -->
-        <div class="flex items-center gap-2">
-          <span class="text-xs text-[var(--brand-text-muted)]">Unidad:</span>
-          <UButton
-            @click="cycleUnitMode"
-            size="xs"
-            color="gray"
-            variant="soft"
-            :icon="unitModeIcon"
-          >
-            {{ unitModeLabel }}
-          </UButton>
-        </div>
-      </div>
+      <h2 class="text-xl font-bold brand-section-title">Totales de Ingreso y Compra</h2>
     </template>
 
     <div class="space-y-6">
       <!-- Uva -->
       <div>
-        <h3 class="text-lg font-semibold text-[var(--brand-primary)] mb-3">Uva</h3>
+        <div class="flex justify-between items-center mb-3">
+          <h3 class="text-lg font-semibold text-[var(--brand-primary)]">Uva</h3>
+
+          <!-- Toggle de Unidades -->
+          <div class="flex items-center gap-2">
+            <span class="text-xs text-[var(--brand-text-muted)]">Unidad:</span>
+            <UButton
+              @click="cycleUnitMode"
+              size="xs"
+              color="gray"
+              variant="soft"
+              :icon="unitModeIcon"
+            >
+              {{ unitModeLabel }}
+            </UButton>
+          </div>
+        </div>
 
         <!-- Solo LB -->
         <div v-if="unitMode === 'lb'" class="grid grid-cols-1 md:grid-cols-3 gap-3">