fix: incorrect leaderboard width in canvas (#8597)

Author: AdityaHegde

web-common/src/features/canvas/components/leaderboard/LeaderboardDisplay.svelte

@@ -163,11 +163,13 @@
       class="grid-wrapper gap-px overflow-x-auto"
       style:grid-template-columns="repeat(auto-fit, minmax({estimatedTableWidth +
         LEADERBOARD_WRAPPER_PADDING}px, 1fr))"
-      bind:clientWidth={leaderboardWrapperWidth}
     >
       {#each visibleDimensions as dimension (dimension.name)}
         {#if dimension.name}
-          <div class="leaderboard-wrapper">
+          <div
+            class="leaderboard-wrapper"
+            bind:clientWidth={leaderboardWrapperWidth}
+          >
             <Leaderboard
               leaderboardShowContextForAllMeasures
               timeControlsReady

web-common/src/features/canvas/components/leaderboard/util.ts

@@ -1,6 +1,8 @@
+import { MEASURES_PADDING } from "@rilldata/web-common/features/dashboards/leaderboard/leaderboard-widths.ts";
+
 export const MIN_DIMENSION_COLUMN_WIDTH = 150;
 export const DEFAULT_DIMENSION_COLUMN_WIDTH = 164;
-export const LEADERBOARD_WRAPPER_PADDING = 56;
+export const LEADERBOARD_WRAPPER_PADDING = 56 + MEASURES_PADDING;
 
 export function getDimensionColumnWidth(
   wrapperWidth: number,