Update HTML components to MUI components for ManageProjects page

[jng34]

Fixes #1719

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

• Replaced HTML span tag with MUI Typography component
• Replaced HTML img tag with MUI Box component
• Added custom style properties to match original CSS
• WHY: To modernize the frontend components

Screenshots of Proposed Changes Of The Website

Visuals before changes are applied

Visuals after changes are applied

[github-actions]

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 jng34-updateMUIforManageProjects development
git pull https://github.com/jng34/VRMS.git updateMUIforManageProjects

[dannyprikaz]

A couple of minor notes about changing styling and which MUI components were used, but this solution works. I approve

[bconti123]

I tested the changes on VRMS website. Everything works. MUI code looks much cleaner!

[bconti123]

@trillium, I added ready for dev lead. label.

[jng34]

@JackHaeg This issue is ready to merge. Shall I proceed?

[dannyprikaz]

@JackHaeg This issue is ready to merge. Shall I proceed?

Hey, @jng34, I think that based on the conversation last night, you're good to go.

[JackHaeg]

@jng34 Yep, feel free to go ahead and merge. I reached out to @trillium to confirm, but he hasn't respond yet.

One request - I'd recommend clicking on the Update branch button first prior to merging.

[JackHaeg]

@jng34 Just following up on this merge - now that the branch has been updated, please feel free to go ahead and click "Merge pull request" even though the checks are failing.