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/SecosVendidos.vue

@@ -9,7 +9,7 @@
         <div class="flex flex-col">
           <span class="text-xs uppercase tracking-wide opacity-80 mb-1">Total qq Secos por Vender</span>
           <div class="flex items-baseline gap-2">
-            <span class="text-2xl font-bold">{{ formatNumber(metrics.totalQqSecoPorVender.value) }}</span>
+            <span class="text-2xl font-bold">{{ formatNumber(data.total_qq_seco_por_vender) }}</span>
             <span class="text-sm font-bold opacity-70">qq</span>
           </div>
         </div>
@@ -18,7 +18,7 @@
         <div class="flex flex-col">
           <span class="text-xs uppercase tracking-wide opacity-80 mb-1">Precio de Venta Promedio por qq</span>
           <div class="flex items-baseline gap-2">
-            <span class="text-2xl font-bold">{{ formatCurrency(metrics.precioVentaPromedioPorQq.value) }}</span>
+            <span class="text-2xl font-bold">{{ formatCurrency(data.precio_venta_promedio_por_qq) }}</span>
           </div>
         </div>
       </div>
@@ -26,15 +26,15 @@
         <div class="flex flex-col">
           <span class="text-xs uppercase tracking-wide opacity-80 mb-1">Precio de Compra Promedio por qq</span>
           <div class="flex items-baseline gap-2">
-            <span class="text-2xl font-bold">{{ formatCurrency(metrics.precioCompraPromedioPorQq.value) }}</span>
+            <span class="text-2xl font-bold">{{ formatCurrency(data.precio_compra_promedio_por_qq) }}</span>
           </div>
         </div>
       </div>
-      <div class="p-4 rounded-lg border transition-all bg-[#1c140c] text-purple-600" :class="metrics.margenGananciaPorQq.value > 0 ? 'border-purple-600/40' : 'border-red-600/40'">
+      <div class="p-4 rounded-lg border transition-all bg-[#1c140c] text-purple-600" :class="data.margen_ganancia_por_qq > 0 ? 'border-purple-600/40' : 'border-red-600/40'">
         <div class="flex flex-col">
           <span class="text-xs uppercase tracking-wide opacity-80 mb-1">Margen de Ganancia por qq</span>
           <div class="flex items-baseline gap-2">
-            <span class="text-2xl font-bold">{{ formatCurrency(metrics.margenGananciaPorQq.value) }}</span>
+            <span class="text-2xl font-bold">{{ formatCurrency(data.margen_ganancia_por_qq) }}</span>
           </div>
         </div>
       </div>
@@ -43,10 +43,14 @@
 </template>
 
 <script setup lang="ts">
-import type { IngresosMetrics } from '~/composables/useIngresosMetrics'
-
+// Props reciben datos directos de Metabase - SIN composables
 defineProps<{
-  metrics: IngresosMetrics
+  data: {
+    total_qq_seco_por_vender: number
+    precio_venta_promedio_por_qq: number
+    precio_compra_promedio_por_qq: number
+    margen_ganancia_por_qq: number
+  }
 }>()
 
 const formatNumber = (value: number) => {