Upgrade react-scripts from 4.0.3 to 5.0.1+

[data-sync-user]

Failed dependabot PR: https://github.com/mozilla/fxa/pull/12612

┆Issue is synchronized with this Jira Task

[LZoog]

This is going to be tricky to upgrade because we need to use a package that lets us modify webpack configs on top of CRA that supports this version. We currently use rescripts, but that repo has been recently archived.

24|admin-r | 2022-06-03T13:06:45: (webpack)/buildin/global.js
24|admin-r | 2022-06-03T13:06:45: Error: ENOENT: no such file or directory, open ‘/Users/[user]/projects/fxa/node_modules/react-scripts/node_modules/webpack/buildin/global.js’

^This is rescripts attempting to look inside react-scripts for a webpack file that was moved to another path (unsure what path without looking) with the react-scripts upgrade. There doesn't seem to be a note or issue from the author.

CRACO could be another option, but the author is looking for a maintainer/lead and there's an existing issue to support this.

Also interesting readings in this CRA issue where the author of rescripts and CRACO commented.

We might need to replace rescripts with react-app-rewired, according to this closed issue they support CRA 5.

[cknowles-admin]

FxA is no longer synchronizing all issues between Jira and Github. We are closing open issues and will selectively synchronize in the future.