Update frontend to match part 1

inventory-server/src/routes/metrics.js

@@ -9,25 +9,25 @@ router.get('/trends', async (req, res) => {
       WITH MonthlyMetrics AS (
         SELECT 
           DATE(CONCAT(pta.year, '-', LPAD(pta.month, 2, '0'), '-01')) as date,
-          SUM(pta.total_revenue) as revenue,
-          SUM(pta.total_cost) as cost,
-          SUM(pm.inventory_value) as inventory_value,
+          CAST(COALESCE(SUM(pta.total_revenue), 0) AS DECIMAL(15,3)) as revenue,
+          CAST(COALESCE(SUM(pta.total_cost), 0) AS DECIMAL(15,3)) as cost,
+          CAST(COALESCE(SUM(pm.inventory_value), 0) AS DECIMAL(15,3)) as inventory_value,
           CASE 
             WHEN SUM(pm.inventory_value) > 0 
-            THEN (SUM(pta.total_revenue - pta.total_cost) / SUM(pm.inventory_value)) * 100
+            THEN CAST((SUM(pta.total_revenue - pta.total_cost) / SUM(pm.inventory_value)) * 100 AS DECIMAL(15,3))
             ELSE 0 
           END as gmroi
         FROM product_time_aggregates pta
-        JOIN product_metrics pm ON pta.product_id = pm.product_id
+        JOIN product_metrics pm ON pta.pid = pm.pid
         WHERE (pta.year * 100 + pta.month) >= DATE_FORMAT(DATE_SUB(CURDATE(), INTERVAL 12 MONTH), '%Y%m')
         GROUP BY pta.year, pta.month
         ORDER BY date ASC
       )
       SELECT 
         DATE_FORMAT(date, '%b %y') as date,
-        ROUND(revenue, 2) as revenue,
-        ROUND(inventory_value, 2) as inventory_value,
-        ROUND(gmroi, 2) as gmroi
+        revenue,
+        inventory_value,
+        gmroi
       FROM MonthlyMetrics
     `);
 
@@ -37,15 +37,15 @@ router.get('/trends', async (req, res) => {
     const transformedData = {
       revenue: rows.map(row => ({
         date: row.date,
-        value: parseFloat(row.revenue || 0)
+        value: parseFloat(row.revenue)
       })),
       inventory_value: rows.map(row => ({
         date: row.date,
-        value: parseFloat(row.inventory_value || 0)
+        value: parseFloat(row.inventory_value)
       })),
       gmroi: rows.map(row => ({
         date: row.date,
-        value: parseFloat(row.gmroi || 0)
+        value: parseFloat(row.gmroi)
       }))
     };