Refactorizar Panorama Facturador: implementar filosofía "Metabase calcula TODO, Vue solo renderiza"

Cambios principales:

- Refactorizar todos los componentes de panorama para recibir datos directos de Metabase
  * TotalesMonetarios.vue: cambiar de props.metrics a props.data
  * TotalesIngresoCompra.vue: cambiar de props.metrics a props.data
  * TotalesVerde.vue: cambiar de props.metrics a props.data
  * SecosVendidos.vue: cambiar de props.metrics a props.data

- Eliminar fechas hardcodeadas en panorama.post.ts
  * Pasar valores null directamente a Metabase para usar sus defaults

- Marcar composables obsoletos para Panorama Facturador
  * useIngresosMetrics.ts: agregar advertencia de no uso en Panorama
  * useRechazosMetrics.ts: agregar advertencia de no uso en Panorama

Resultado: Todos los cálculos (agregaciones, promedios ponderados) se hacen en Metabase mediante SQL. Los componentes Vue solo renderizan valores ya calculados.

nuxt4-app/app/components/ingresos/TotalesIngresoCompra.vue

@@ -23,25 +23,25 @@
               />
             </div>
             <div>
-              <span class="text-2xl font-bold">{{ formatUvaValueNumber(metrics.totalLbUvaIngresada.value, metrics.totalQqSecoUvaIngresado.value) }}</span>
+              <span class="text-2xl font-bold">{{ formatUvaValueNumber(data.total_lb_uva_ingresada, data.total_qq_seco_uva_ingresado) }}</span>
               <span class="text-sm font-bold opacity-70 ml-2">{{ formatUvaValueUnit() }}</span>
             </div>
           </div>
           <MetricCard
             label="Total qq Seco Mojado"
-            :value="formatNumber(metrics.totalQqSecoMojadoIngresado.value)"
+            :value="formatNumber(data.total_qq_seco_mojado_ingresado)"
             unit="qq"
             variant="info"
           />
           <MetricCard
             label="Total qq Seco Oreado"
-            :value="formatNumber(metrics.totalQqSecoOreadoIngresado.value)"
+            :value="formatNumber(data.total_qq_seco_oreado_ingresado)"
             unit="qq"
             variant="warning"
           />
           <MetricCard
             label="Total qq Seco Ingresado"
-            :value="formatNumber(metrics.totalQqSecoIngresado.value)"
+            :value="formatNumber(data.total_qq_seco_ingresado)"
             unit="qq"
             variant="primary"
           />
@@ -66,25 +66,25 @@
               />
             </div>
             <div>
-              <span class="text-2xl font-bold">{{ formatUvaValueNumber(metrics.totalLbUvaPagada.value, metrics.totalQqSecoUvaPagado.value) }}</span>
+              <span class="text-2xl font-bold">{{ formatUvaValueNumber(data.total_lb_uva_pagada, data.total_qq_seco_uva_pagado) }}</span>
               <span class="text-sm font-bold opacity-70 ml-2">{{ formatUvaValueUnit() }}</span>
             </div>
           </div>
           <MetricCard
             label="Total qq Seco Mojado Pagado"
-            :value="formatNumber(metrics.totalQqSecoMojadoPagado.value)"
+            :value="formatNumber(data.total_qq_seco_mojado_pagado)"
             unit="qq"
             variant="info"
           />
           <MetricCard
             label="Total qq Seco Oreado Pagado"
-            :value="formatNumber(metrics.totalQqSecoOreadoPagado.value)"
+            :value="formatNumber(data.total_qq_seco_oreado_pagado)"
             unit="qq"
             variant="warning"
           />
           <MetricCard
             label="Total qq Seco Comprado"
-            :value="formatNumber(metrics.totalQqSecoComprado.value)"
+            :value="formatNumber(data.total_qq_seco_comprado)"
             unit="qq"
             variant="primary"
           />
@@ -109,25 +109,25 @@
               />
             </div>
             <div>
-              <span class="text-2xl font-bold">{{ formatUvaValueNumber(metrics.totalLbUvaDeposito.value, 0) }}</span>
+              <span class="text-2xl font-bold">{{ formatUvaValueNumber(data.total_lb_uva_deposito, 0) }}</span>
               <span class="text-sm font-bold opacity-70 ml-2">{{ formatUvaValueUnit() }}</span>
             </div>
           </div>
           <MetricCard
             label="Total qq Seco Mojado en Depósito"
-            :value="formatNumber(metrics.totalQqMojadoDeposito.value)"
+            :value="formatNumber(data.total_qq_mojado_deposito)"
             unit="qq"
             variant="info"
           />
           <MetricCard
             label="Total qq Seco Oreado en Depósito"
-            :value="formatNumber(metrics.totalQqOreadoDeposito.value)"
+            :value="formatNumber(data.total_qq_oreado_deposito)"
             unit="qq"
             variant="warning"
           />
           <MetricCard
             label="Total qq Seco en Depósito"
-            :value="formatNumber(metrics.totalQqSecoDeposito.value)"
+            :value="formatNumber(data.total_qq_seco_deposito)"
             unit="qq"
             variant="primary"
           />
@@ -139,10 +139,25 @@
 
 <script setup lang="ts">
 import { ref, computed } from 'vue'
-import type { IngresosMetrics } from '~/composables/useIngresosMetrics'
 
-defineProps<{
-  metrics: IngresosMetrics
+// Props reciben datos directos de Metabase - SIN composables
+const props = defineProps<{
+  data: {
+    total_lb_uva_ingresada: number
+    total_qq_seco_uva_ingresado: number
+    total_qq_seco_mojado_ingresado: number
+    total_qq_seco_oreado_ingresado: number
+    total_qq_seco_ingresado: number
+    total_lb_uva_pagada: number
+    total_qq_seco_uva_pagado: number
+    total_qq_seco_mojado_pagado: number
+    total_qq_seco_oreado_pagado: number
+    total_qq_seco_comprado: number
+    total_lb_uva_deposito: number
+    total_qq_mojado_deposito: number
+    total_qq_oreado_deposito: number
+    total_qq_seco_deposito: number
+  }
 }>()
 
 type UnitDisplay = 'lb' | 'qq' | 'both'