Use humanized formatting in TDD when formatting not defined (#6217)

web-common/src/features/dashboards/time-dimension-details/TDDTable.svelte

@@ -43,6 +43,19 @@
   /** Formatter for the time axis in the table*/
   export let timeFormatter: (date: Date) => string;
 
+  /***
+   * In case there is no format defined, use the big num context
+   * so that the values are within bounds of the column. This is
+   * naive solution which should be removed later once we move to pivot
+   * UI.
+   */
+  $: hasNoFormatting = !measure.formatD3 && measure.formatPreset === "";
+
+  $: formatter = createMeasureValueFormatter<null | undefined>(
+    measure,
+    hasNoFormatting ? "big-number" : "table",
+  );
+
   const dispatch = createEventDispatcher();
 
   let pivot;
@@ -373,8 +386,6 @@
   $: cssVarStyles = `--cursor: ${
     comparing === "dimension" ? "pointer" : "default"
   }`;
-
-  $: formatter = createMeasureValueFormatter<null | undefined>(measure);
 </script>
 
 <div