Closes #70: improve profile page

[manekenpix]

Issue

Closes #70

Type of Change

• Bugfix: Change which fixes an issue
• New Feature: Change which adds functionality
• Documentation Update: Change which improves documentation
• UI: Change which improves UI

Description

This PR adds a few changes to the profile page:

• responsiveness
• user stats
• uploading profile image.

Note
There's still a small issue with uploading a profile image. Images are usually successfully uploaded, but the profile page doesn't automagically refresh to display the uploaded image, so manual refresh is needed.
This issue will be addressed in a follow-up PR.

Testing the PR

• Run migration on local BE
• Run BE and FE
• Assert that responsiveness, stats and uploading a profile image work as expected

Checklist

• Quality: This PR builds and passes the respective npm run test and works locally
• Tests: This PR includes thorough tests
• Screenshots: This PR includes screenshots or GIFs of the changes made or an explanation of why it does not (if applicable)
• Documentation: This PR includes updated/added documentation to user exposed functionality or configuration variables are added/changed or an explanation of why it does not(if applicable)

[chrispinkney]

I tried to upload an avatar but it doesn't seem to be working, the /images/ route is giving me 404:

http://localhost:5173/user/eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOiI1MzQ4ODRlODdkY2M0NmRkZmU2ZTg2MWY0NTM3NTk4OCIsInN1YiI6IjY1NWMxNTAwM2Q3NDU0MDExZTE5OTdlYiIsInNjb3BlcyI6WyJhcGlfcmVhZCJdLCJ2ZXJzaW9uIjoxfQ.Et7Tqkqh_-2r0WF-QVVFU6NW8wZuSwNh_7JENW25AMM/images/chrispinkney

404 Not Found

Did I do something wrong?

Stats seems to work tho which is awesome!

[chrispinkney]

Just this plus the above comment :)