ENHANCEMENT: Styling for the user profile page

[dragon-fire-fly]

The user profile page should be styled to improve the user experience.

This includes:

• [x] General aesthetic styling including

  • [x] backgound colour consistent with main theme
  • [x] styled profile image (perhaps circular image)
  • [x] general CSS and JS to improve aesthetics of page

• [x] Allow the user to upload a profile picture from their own profile page

• [x] Display the profile picture on the user's profile page (or a placeholder image, if no custom image is uploaded)

• [x] Display messaging button once this system is implemented (could-do)