DATAP-1541 - A11Y accessibility fixes, remove breaks from heading text

[flacoman91]

Addresses: DATAP-1541

This is a PR to support the ongoing accessibility work.

Additions

• Converted text to display numbers inline with text so that screenreaders will not read nbsp and line breaks will not appear

Removals

• remove react-intl formatting library since we can do it natively with toLocaleString()

Changes

Testing

• Run code and compare with production.
• the numbers and formatting should visually appear the same.
• Use the voiceover utility or screenreader. The text that is highlighted should read all in a sentence without breaks. For instance: "Showing 3,923,166 matches out of 6,220,872 total complaints"
  Examples:
  Old way

Fixed text

Screenshots

Notes

Todos

Checklist

• Changes are limited to a single goal (no scope creep)
• Code can be automatically merged (no conflicts)
• Code follows the standards laid out in the front end playbook
• Passes all existing automated tests
• New functions include new tests
• New functions are documented (with a description, list of inputs, and expected output)
• Placeholder code is flagged
• Visually tested in supported browsers and devices
• Project documentation has been updated (including the "Unreleased" section of the CHANGELOG)