Update HTML components to MUI: ./src/App.jsx

[angela-lee1]

Fixes #1722

What changes did you make and why did you make them ?

• Replace HTML components with applicable MUI components.
  • ensures a consistent design, built-in responsiveness, customization with theming, enhanced functionality, easier development

Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)

Visuals before changes are applied

[image](  )

Visuals after changes are applied

[image](  )

[github-actions[bot]]

Want to review this pull request? Take a look at this documentation for a step by step guide!

From your project repository, check out a new branch and test the changes.

git checkout -b awlFCCamp-update-appjsx-to-mui development
git pull https://github.com/awlFCCamp/VRMS.git update-appjsx-to-mui

[angela-lee1]

package-lock.json files were pushed in this PR. I thought they were in the .gitignore. Will fix and make a new one