WIP: Employee Modal Styling

[selenaliu1]

Summary

This pull request works on transitioning the employee modal styling to Material UI.

• Added trash button when there is >1 working hours option
• Can now add multiple working hours times to the same day
• switched most of modal to material UI
• Time picker potentially needs to switch to material UI, not pretty rn
• Switch upload picture to material UI (and make responsive)
• error messaging for invalid start and end times (i.e. before or after working hours, or overlapping times on the same day?)
• sometimes adding working hours availability doesn't save/update the employee availability page

Test Plan

Screen.Recording.2024-12-05.at.9.45.48.PM.mov

Notes

**Note: https://mui.com/material-ui/guides/minimizing-bundle-size/ might want to switch imports if there are significantly slower startup times

Breaking Changes

[dti-github-bot]

[diff-counting] Significant lines: 464.

[raissaji]

Hi Selena, great work! I like that all Carriage modals are slowly switching to Material UI, the platform is looking more cohesive and clean.

I was testing your branch and noticed some probems:

Screen.Recording.2024-12-08.at.12.46.12.PM.mov

I believe the new feature to add more employee hours only works for when you create new employees. It doesn't work for editing existing employees. The 400 error will probably need some more extensive debugging (for profiles like Matthias, Nam)

[selenaliu1]

thanks for the catch Raissa! Adding and editing availability is definitely a WIP. Commenting so I remember, but for the 400 error, I also found that when I was testing, but I checked the heroku and the same thing happens for when I click on Matthias and Nam so I think that issue is unrelated, but will need to investigate later
ss of heroku after clicking Matthias: .