Add a user profile screen

[pconrad]

Background

Currently, a logged in user only has the ability to see a link to their GitHub profile.

In this story, we add a link to a User Profile screen in the application. Above the link "Github Profile", we want to add a navigation link "User Profile" that goes to a new page for this user, and shows their user details.

The details that would be shown are something like this. The exact format is not important; for now we just want to get this information on the page.

• User id: 1
• Name: Phill Conrad
• Username: pconrad
• uid: 1119017
• provider: github
• created_at: 2021-07-15 21:13:16
• updated_at: "2022-07-19 20:18:41
• email: pconrad@cs.ucsb.edu

Eventually, we will add to this page the ability for user to select pronouns from a list of "He/Him", "She/Her", "They/Them", "Other".

User Story

• As a user
• I can follow a link to a user profile page
• so that I know what the system knows about me, and so that in the future, there is a place to customize certain things (e.g. pronouns).

Acceptance Criteria

• [ ] The link to User Profile appears on the dropdown menu
• [ ] The link goes to a page /userprofile
• [ ] The /userprofile page shows detail for the currently logged in user

Implementation Todos

Front end:

• [ ] Create a user profile React component and add it to the storybook and add jest tests; it should take a User object as it's param.
• [ ] Add a userprofile controller and a view .erb placeholder
• [ ] Add the React component to the .erb placeholder
• [ ] Modify the navigation to add a link that goes to the page.