fix(ui) - chart y axis numbers

frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/CustomMetriLineChart/CustomMetriLineChart.tsx

@@ -31,9 +31,10 @@ function CustomMetriLineChart(props: Props) {
                 <YAxis 
                     {...Styles.yaxis}
                     allowDecimals={false}
+                    tickFormatter={val => Styles.tickFormatter(val)}
                     label={{  
-                    ...Styles.axisLabelLeft,
-                    value: "Number of Sessions"
+                        ...Styles.axisLabelLeft,
+                        value: "Number of Sessions"
                     }}
                 />
                 <Legend />

frontend/app/components/Dashboard/Widgets/PredefinedWidgets/BreakdownOfLoadedResources/BreakdownOfLoadedResources.tsx

@@ -33,6 +33,7 @@ function BreakdownOfLoadedResources(props: Props) {
                   {...Styles.yaxis}
                   allowDecimals={false}
                   label={{ ...Styles.axisLabelLeft, value: "Number of Resources" }}
+                  tickFormatter={val => Styles.tickFormatter(val)}
                 />
                 <Legend />
                 <Tooltip {...Styles.tooltip} />

frontend/app/components/Dashboard/Widgets/PredefinedWidgets/ErrorsByOrigin/ErrorsByOrigin.tsx

@@ -33,6 +33,7 @@ function ErrorsByOrigin(props: Props) {
               />
               <YAxis
                 {...Styles.yaxis}
+                tickFormatter={val => Styles.tickFormatter(val)}
                 label={{ ...Styles.axisLabelLeft, value: "Number of Errors" }}
                 allowDecimals={false}
               />

frontend/app/components/Dashboard/Widgets/PredefinedWidgets/ErrorsByType/ErrorsByType.tsx

@@ -32,6 +32,7 @@ function ErrorsByType(props: Props) {
               />
               <YAxis
                 {...Styles.yaxis}
+                tickFormatter={val => Styles.tickFormatter(val)}
                 label={{ ...Styles.axisLabelLeft, value: "Number of Errors" }}
                 allowDecimals={false}
               />

frontend/app/components/ui/Pagination/Pagination.tsx

@@ -4,6 +4,7 @@ import { Icon } from 'UI'
 import cn from 'classnames'
 import { debounce } from 'App/utils';
 import { Tooltip } from 'react-tippy';
+import { numberWithCommas } from 'App/utils';
 interface Props {
     page: number
     totalPages: number
@@ -57,7 +58,7 @@ export default function Pagination(props: Props) {
                 onChange={(e) => changePage(parseInt(e.target.value))}
             />
             <span className="mx-3 color-gray-medium">of</span>
-            <span >{totalPages}</span>
+            <span >{numberWithCommas(totalPages)}</span>
             <Tooltip
                 arrow
                 sticky