chore: upgrade admin dashboard ui to react 18

[lwhiteley]

Changes:

• upgrade to react 18
• upgrade to mui v6
  • increase specificity of app styles to override mui component styles
• replace react-html-parser with html-react-parser

Notes:

After an audit of the dependencies of this project, it was determined that react and a few libraries were outdated.

one of the dependencies preventing an upgrade is react-html-parser . it has a peer dependency of react 16. A successor of the package is html-react-parser

However, there is no storybook setup in the project or a way to test this easily.

How can i get diff data passed to this component to test in isolation or Can someone give steps to arrive at this view to test it in the UI to verify it works?

I also see that there are cypress tests but i dont believe this view is covered yet

old package: https://www.npmjs.com/package/react-html-parser proposed package: https://www.npmjs.com/package/html-react-parser

---

TODOs:

• [x] fix ui styling glitches
  • increase css specificity
• [x] fix dep check

Please test thoroughly Let me know if i missed something