Use libraries like react-easy-crop or other to implement the following:
allow users to zoom out and crop profile images on the /profile/[userId] page.
the resulting image should be always 300 x 300 px square
on all of /profile/[userId], /mentors, and /mentors/[mentorId] page, display the resulting image (and not the original image) using CSS without requiring a different image URL (ie. the user shouldn't need to re-upload the image).
Use libraries like react-easy-crop or other to implement the following: