Add toast to profile account pages

[rhysmah]

Summary

• Add a pop-up notification (toast) to the AccountInfo page

• Add a loading icon to the Save button

• Removed the password field from the AccountInfo page. From the user's perspective, the password field is a little confusing, since it's not entirely clear if (a) the password is updated or (b) the password's needed to confirm the changes (it's the latter).

• Added a new Formik schema for the AccountInfo page

• Added a pop-up notification (toast) to the ProfileInfo page

• Added a loading icon to the Save button

• Added a second button, See My Profile, to the ProfileInfo page, which redirects the user to their public-facing profile page. I chose this because the Enter key is required to add tags, but this also triggers the Save button, re-directing them to the other page after each added tag, which isn't ideal

Testing

Account Page

1. Spin up resources:

   make res
   npm run -w apps/frontend start:dev
   npm run -w apps/api start:dev

2. Log in as one of the default users
3. Go to the account page
4. Update the first name and click Save. You may see the loading icon, but the operation's likely too fast; you should see a "Profile Successfully Updated!" message.
5. Refresh the page, then click on the Hamburger Menu; it should reflect the updated value*

Profile Page

1. Go the profile page
2. Click on the SEE MY PROFILE button; confirm that it navigates the user to their public-facing profile page
3. Update the bio and click Save. You may see the loading icon, but the operation's like too fast; you should see a "Profile Successfully Updated!" message.**

Notes

• *Updating the Account Info requires a page refresh to see the changes in the Hamburger menu. For such info to be updated everywhere, we'd need to use global state.
• **The changes to the ProfilePage don't persist when going to the public-facing page. I'll fix this tomorrow, but it's bedtime right now!