Number display formatting (#1556)

* number display formatting

* - add tests

front/src/utils/format/__tests__/number.test.ts

@@ -0,0 +1,17 @@
+import { formatNumber } from '../number';
+
+// This tests the en-US locale by default
+describe('formatNumber', () => {
+  it(`Should format 123 correctly`, () => {
+    expect(formatNumber(123)).toEqual('123');
+  });
+  it(`Should format decimal numbers correctly`, () => {
+    expect(formatNumber(123.92)).toEqual('123.92');
+  });
+  it(`Should format large numbers correctly`, () => {
+    expect(formatNumber(1234567)).toEqual('1,234,567');
+  });
+  it(`Should format large numbers with a decimal point correctly`, () => {
+    expect(formatNumber(7654321.89)).toEqual('7,654,321.89');
+  });
+});

front/src/utils/format/number.ts

@@ -0,0 +1,3 @@
+export function formatNumber(value: number): string {
+  return value.toLocaleString();
+}

front/src/utils/formatNumber.ts

@@ -1,4 +0,0 @@
-export function formatNumber(value: number) {
-  // Formats the value to a string and add commas to it ex: 50,000 | 500,000
-  return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-}