Migrate from CRA to Vite #1379

[joelvdavies]

Description

Replaces CRA with Vite. Used the default settings that create-vite would have generated in the tsconfig. The only real change caused by that is a requirement of underscores on some unused variable & I removed the props on the footer as they weren't either (noUnusedParameters).

Draft as should not be merged until #1275 is.

Notes

• react-redux-toastr was incompatible (it used jsx in .js file) using old version, so upgraded v7.6.2 -> v7.6.13 which fixed
• Had an issue with clearInterval in routing.component.test.tsx not being defined which was fixed by https://github.com/testing-library/react-testing-library/issues/1198
• Timers behave slightly differently to before, requiring { shouldAdvanceTime: true } in some useFakeTimers
• Unlike https://github.com/ral-facilities/inventory-management-system/pull/348, images could remain inside the src folder as it is not built in library mode and are exported correctly to dist/assets as a result
• Currently an issue with App.test.tsx due to the axios __mock__ not having expect.getState() assigned as expected - fixed by mocking inside the test file itself (the token storage mock also needed to be hoisted to run correctly as it needed to be done before imports - see description here https://vitest.dev/api/vi#vi-hoisted)
• Like on https://github.com/ral-facilities/inventory-management-system/pull/348 cypress-failed-log has been removed
• Replaces eslint-config-react-app with eslint-plugin-react, eslint-plugin-testing-library and eslint-plugin-react-hooks like https://github.com/ral-facilities/inventory-management-system/pull/372
• Removes react-app-polyfill and custom-event-polyfill (IE is no longer supported anyway, also see https://vitejs.dev/guide/build#browser-compatibility, we could use @vitejs/plugin-legacy if required)
• Uses browserslist-to-esbuild to add support for browserslist (View the currently targeted builds using npx browserslist-to-esbuild)

[!WARNING]
The index.html has moved out of the public folder into the root, so docker-ims needs to be updated on gitlab as the title can no longer be replaced as it used to be, and instead will be in /dist after being built. Likely also effects any ansible config.

Testing instructions

Add a set up instructions describing how the reviewer should test the code

• [ ] Review code
• [ ] Check Actions build
• [ ] Review changes to test coverage

Agile board tracking

Closes #1379

[codecov[bot]]

Codecov Report

Attention: Patch coverage is 94.82759% with 3 lines in your changes are missing coverage. Please review.

Project coverage is 86.42%. Comparing base (b51eecf) to head (bf9dce6).

Files	Patch %	Lines
src/i18n.ts	0.00%	3 Missing :warning:

Additional details and impacted files

```diff @@ Coverage Diff @@ ## react-18-#1205 #1380 +/- ## =================================================== - Coverage 96.76% 86.42% -10.35% =================================================== Files 48 56 +8 Lines 1763 8561 +6798 Branches 497 893 +396 =================================================== + Hits 1706 7399 +5693 - Misses 53 1155 +1102 - Partials 4 7 +3 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 94.54545% with 3 lines in your changes missing coverage. Please review.

Project coverage is 97.62%. Comparing base (f0c6d18) to head (384f97b).

Files	Patch %	Lines
src/i18n.ts	0.00%	3 Missing :warning:

Additional details and impacted files

```diff @@ Coverage Diff @@ ## react-18-#1205 #1380 +/- ## ================================================== + Coverage 96.95% 97.62% +0.66% ================================================== Files 49 54 +5 Lines 1775 5775 +4000 Branches 491 897 +406 ================================================== + Hits 1721 5638 +3917 - Misses 50 134 +84 + Partials 4 3 -1 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.