User Card

[miguel-merlin]

Description

As a user, I want to be able to see and change the information of a Blueprint member in a Card component.
The card should display:

• Name of the user
• email
• status
• Title

The card component should also include two buttons:

1. Save
2. Cancel
   As a user, I should be able to change the values of the Blueprint member and save them when I click the save button. If I don't want to keep the changes, I should discard them when clicking on the cancel button.

Notes on Implemention

The card component will be displayed when a user clicks on a row of the table of users (see #2); therefore, for now, don't worry about the functionality of the save and cancel buttons. However, the buttons must be clickable. You can store the Blueprint member info in a useState() hook, that gets populated through a prop. You can use the sample_data.json to test the Card component.