[FIX] zoom: scorecard chart rendering with zoom

The scorecards were blurry when zooming a sheet. We were not
scaling their canvas properly according to the zoom level.

closes #8502

Task: 6072348
X-original-commit: ff534e9
Signed-off-by: Rémi Rahir (rar) <rar@odoo.com>

Author: hokolomopo

src/components/figures/chart/scorecard/chart_scorecard.ts

@@ -43,6 +43,6 @@ export class ScorecardChart extends Component<Props, SpreadsheetChildEnv> {
       getZoomedRect(1 / zoom, canvas.getBoundingClientRect()),
       this.runtime
     );
-    drawScoreChart(config, canvas);
+    drawScoreChart(config, canvas, zoom);
   }
 }

src/helpers/figures/charts/scorecard_chart.ts

@@ -383,17 +383,18 @@ type Canvas2DContext = CanvasRenderingContext2D | OffscreenCanvasRenderingContex
 
 export function drawScoreChart(
   structure: ScorecardChartConfig,
-  canvas: HTMLCanvasElement | OffscreenCanvas
+  canvas: HTMLCanvasElement | OffscreenCanvas,
+  zoom: number = 1
 ) {
   const ctx = canvas.getContext("2d") as Canvas2DContext;
   if (!ctx) {
     throw new Error("Unable to retrieve 2D context from canvas");
   }
   const dpr = typeof globalThis.devicePixelRatio === "number" ? globalThis.devicePixelRatio : 1;
 
-  canvas.width = dpr * structure.canvas.width;
-  canvas.height = dpr * structure.canvas.height;
-  ctx.scale(dpr, dpr);
+  canvas.width = dpr * structure.canvas.width * zoom;
+  canvas.height = dpr * structure.canvas.height * zoom;
+  ctx.scale(dpr * zoom, dpr * zoom);
   const availableWidth = structure.canvas.width - CHART_PADDING;
 
   ctx.fillStyle = structure.canvas.backgroundColor;