PIMS-1291 React Error Boundary

[dbarkowsky]

🎯 Summary

PIMS-1291

Adds an Error Boundary that will catch rendering errors. If a rendering error occurs, it defaults to this page instead.
It does not catch errors in "logic", so if a page renders but other Javascript/Typescript code throws an error, it doesn't catch those.

Changes

• Frontend error fallback page with option to submit report.
• API route that takes that error and logs it (for now)

Testing

• Navigate to localhost:3000/dev. Clicking the button there should cause a rendering error.
• Test out the reporting options. See the API console for the error log.

🔰 Checklist

• I have read and agree with the following checklist and am following the guidelines in our Code of Conduct document.

• I have performed a self-review of my code.
• I have commented my code, particularly in hard-to-understand areas.
• I have made corresponding changes to the documentation where required.
• I have tested my changes to the best of my ability.
• My changes generate no new warnings.

[github-actions]

🚀 Deployment Information

The React APP Image has been built with the tag: 2193. Please make sure to utilize this specific tag when promoting these changes to the TEST and PROD environments during the APP deployment. For more updates please monitor Image Tags Page on Wiki.

[github-actions]

🚀 Deployment Information

The API Image has been built with the tag: 2193. Please make sure to utilize this specific tag when promoting these changes to the TEST and PROD environments during the API deployment. For more updates please monitor Image Tags Page on Wiki.

[codeclimate]

Code Climate has analyzed commit 2ead880 and detected 0 issues on this pull request.

The test coverage on the diff in this pull request is 100.0% (50% is the threshold).

This pull request will bring the total coverage in the repository to 93.4%.

View more on Code Climate.

[TaylorFries]

Error page looks great and functions well.