Format Gauge and SingleStat number values

ui/src/shared/components/Gauge.js

@@ -290,7 +290,7 @@ class Gauge extends Component {
     ctx.textAlign = 'center'
 
     const textY = radius
-    const textContent = `${prefix}${gaugePosition.toString()}${suffix}`
+    const textContent = `${prefix}${gaugePosition.toLocaleString()}${suffix}`
     ctx.fillText(textContent, 0, textY)
   }
 

ui/src/shared/components/SingleStat.tsx

@@ -71,8 +71,9 @@ class SingleStat extends PureComponent<Props> {
     const lastValue = lastValues[firstAlphabeticalindex]
     const HUNDRED = 100.0
     const roundedValue = Math.round(+lastValue * HUNDRED) / HUNDRED
+    const localeFormatted = roundedValue.toLocaleString()
 
-    return `${roundedValue}`
+    return `${localeFormatted}`
   }
 
   private get containerStyle(): CSSProperties {