fix: NTP Privacy Stats widget number formatting (#1735)

* fix: OtherText number formatting

* chore: Adjust the mock to display the change

* test: Update snapshots

* fix: text test

* more snapshots

---------

Co-authored-by: Shane Osbourne <shane.osbourne8@gmail.com>

Author: vkraucunas

special-pages/pages/new-tab/app/privacy-stats/components/PrivacyStats.js

@@ -207,6 +207,9 @@ function PillShowMoreLess({ expansion }) {
  */
 export function OtherText({ count }) {
     const { t } = useTypedTranslationWith(/** @type {Strings} */ ({}));
-    const otherText = t('stats_otherCount', { count: String(count) });
+    const [formatter] = useState(() => new Intl.NumberFormat());
+    const formattedCount = formatter.format(count);
+
+    const otherText = t('stats_otherCount', { count: String(formattedCount) });
     return <div class={styles.otherTrackersRow}>{otherText}</div>;
 }

special-pages/pages/new-tab/app/privacy-stats/integration-tests/privacy-stats.spec.js

@@ -26,7 +26,7 @@ test.describe('newtab privacy stats', () => {
         expect(await listItems.nth(2).textContent()).toBe('Amazon67');
         expect(await listItems.nth(3).textContent()).toBe('Google Ads2');
 
-        await expect(psp.listFooter()).toHaveText('210 attempts from other networks');
+        await expect(psp.listFooter()).toHaveText('2,100 attempts from other networks');
 
         // show/hide
         await page.getByLabel('Hide recent activity').click();

special-pages/pages/new-tab/app/privacy-stats/mocks/privacy-stats.mocks.js

@@ -28,7 +28,7 @@ export const privacyStatsMocks = {
             },
             {
                 displayName: DDG_STATS_OTHER_COMPANY_IDENTIFIER,
-                count: 210,
+                count: 2100,
             },
             {
                 displayName: 'Amazon.com',