refactor(edit-project): Standardize MUI & Fix Modal Ripples (#1703)

[abuna1985]

Fixes #1703

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

• Updated the look and feel of the "Edit Project" page using Material-UI (MUI) components:

  • I replaced some older custom design elements (like basic boxes and buttons) with Material-UI's modern components (like structured pop-up windows, lists, and interactive buttons).
  • I also set up reusable styles for things like list items and text, making them consistent.
  • Why: This makes the page look more consistent with the rest of the application, easier to update in the future, and generally more user-friendly across different devices and for people using assistive technologies.

• Fixed a visual glitch where buttons and list items sometimes looked "stuck" after closing a pop-up window with the Escape key:

  • After switching to Material-UI, I noticed that when I closed a pop-up (like "Edit Meeting Times" or "Create New Event") by pressing Escape, the button or list item I clicked to open it would sometimes stay highlighted or look "pressed."
  • I fixed this by making sure those elements fully reset their visual state when the pop-up closes this way.
  • Why: This provides a smoother and more reliable user experience, making sure the interface responds correctly to your actions.

• Removed extra text from the top of the "Edit Meeting Times" and "Create New Event" pop-up windows:

  • Previously, these pop-ups had both a title (like "Edit Meeting Times") and an "X" button to close them. I've removed the title text.
  • Why: This simplifies the design of the pop-up windows, making them cleaner and less cluttered, as their purpose is usually clear from the content inside.

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

Visuals before changes are applied

Visuals after changes are applied