BUG: Editing user profile into requires reload

[mbeps]

Describe the bug

Whenever the user edits their profile information, the page needs to be reloaded in order to view the data.

Reproducing the bug**

1. Sign into the site with any account
2. Open the user modal by clicking on the profile button and the Profile
3. Edit profile information such as name or profile picture

Expected behavior

When the details are changed, the UI should automatically update to reflect the new data without requiring a reload of the page.

Screenshots

Platforms

All platforms

Additional context

This seems like a simple issue but it is very difficult to fix.This is because it would require the Recoil state to keep track of the user details globally. Right now, there is not global Recoil state keeping track of the user details meaning that if there are changes, the user data needs to be fetched from Firebase.

Severity:

• High (completely break the functionality and usability of the site)
• Medium (significant disruption or degrade user experience)
• Low (only cause minor disruption keeping the site functional)