Overhaul Edit Member Display

[Leundai]

Description

Currently, we lead members to a different page when they click on a member. We also want a modal to pop up that will have all of the member's data populated. Where those with permissions can edit specific fields just like the current existing page.

NOTE: This relies on #101 where edit member modal will reside in this given location:

Learning objectives

• Modal implementations
• Working in parallel with another dev
• Stretch Goal: Make this new component also compatible with other types of data. Not just member data like chapters and projects

Todo

These points are a rough guideline. Please feel free to discuss with others on the team about the best way to design this component!

• Research libraries or use already imported libraries that might contain ways to facilitate modal implementation
• Create files and implement profile component
• Replace the current profile page with the new profile component
• Connect to functions in ../utils/apiWrapper.js
• Once Overhaul Member Grid #101 is implemented create an issue or in your PR connect to the new table and display it as a modal

Useful links

• https://react.semantic-ui.com/modules/modal/
• Figma Design