Context:
If you are on any page other than the dashboard page, and you try to access the list page, a react error occurs.
This is because list requires a user state to be passed to it, so that the correct list is posted. The list user state is lost if not on the dashboard page.

Replication Steps:

1. Install and run project.
2. Login (which takes you to dashboard page).
3. Click on the details of any item.
4. Click on list button on the navbar.

User Authentication

• Dashboard.js -> uses localhost:8081/items
• Info.js
• List.js -> uses localhost:8081/list

Currently I am using props.history.push to push the state returned from localhost:8081/login to the dashboard.js, which causes many problems (for example when trying to refresh page, or access page from another page).

Add functionality for user to view their profile and add typical things to their profile such as bio, location and profile image