Team Profile Page Styling

[minado05]

• Create a new branch called team-profile-page-styling.
• If profile-page-styling has not yet been merged in, make a branch off of that branch to work on this sprint.
• Style /team/people/[userId]. There is no Figma design for this, but we will style based on the design of the /profile page!
  • The /profile page currently has a view mode (no form fields) and an edit mode (form fields). You can use styles from the view mode on the /team/people/[userId] page with the following modifications:
    • The non-editable fields on this page should be “First Name”, “Last Name”, and “Email”.
    • The only editable field on this page should be labeled “Role”. Use a Bootstrap dropdown (form select) for this.
    • Style the “Update role” button as a “Save” button using styles in globals.css.

[joy-y-cheng]

Looks amazing, Anh Thu!! Made some changes on the other profile form so just merged in main and updated some styles here.