added MUI modal to edit meeting times

[nora-zajzon]

Fixes #1724

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

• Changed the edit meeting times to a modal

Visuals before changes are applied

applied

Visuals after changes are

[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 nora-zajzon-editTimesModal2 development
git pull https://github.com/nora-zajzon/VRMS.git editTimesModal2

[jng34]

@nora-zajzon,
This looks great! The open & close functionalities work as expected.

Just a note:

• In mobile view: The Modal component in landscape mode does not seem to be adaptive on various mobile devices, such as the Samsung Galaxy and iPhone (see screenshots below). Perhaps using Grid or Container may fix this?
• Ref: MUI Responsive UI

Screenshots in mobile landscape mode

Thank you!

[JackHaeg]

@trillium Please take a look at this to check for duplicate work. Since this is fixing multiple issues, and some of the issues have been tackled by other members, we might be grabbing specific commits from this PR and merging those.

[JackHaeg]

@trillium Please take a look at this to check for duplicate work. Since this is fixing multiple issues, and some of the issues have been tackled by other members, we might be grabbing specific commits from this PR and merging those.

[JackHaeg]

Per @trillium's direction, we are closing this PR due to merge conflicts and changes that will be difficult to overcome due to more recent edits on VRMS. This PR will be used as a reference when creating an updated fresh PR should be submitted