change edit courses frontend

[swang235]

Summary

Changing the frontend of the edit classes page. Updating styling to be more aligned with the rest of the website.

previous design:

new design:

Test Plan

• run yarn start and confirm that search bar functions properly.

Breaking Changes

None

• I have updated the documentation accordingly.
• My PR adds a @ts-ignore

[dti-github-bot]

[diff-counting] Significant lines: 285.

[rgu0114]

Great work with this so far Sophie, I like the documentation you included and how you maintained the styling in accordance with the rest of QMI. I think one thing that would be helpful, though, is if you included a couple screenshots of your changes so it's easier to see which frontend updates you made

[burninglilies]

Looks great so far! Just remember to check for lint errors. Your only error rn is an indentation one so should be a v small fix

[rgu0114]

The code looks good to me but when testing on my end, the proportions on some screen sizes seem off. Could you double check that this fits the designs on a range of screen sizes?
Laptop:

Mobile width messes with things 😕:

[rgu0114]

Thanks for working so hard on these changes! Looking at the edits you made, I think it's looking a lot better. Could you update the most recent dependencies/fix merge conflicts though? Having trouble running locally.