Feature Request: Create User Profile Header

[erunks]

What are you wanting to be added?

Goal: Create the User Profile header component

Objectives:

• [ ] After navigating to /user/{id}, you should see the a profile header for the given user
• [ ] This component should be reactive and mobile first

Resources:

Mobile design	Desktop design

Things to know:

• Before we upgraded to Nuxt 3, we had a component for this. You can find the Nuxt 2 component here. All you should need to do is port it to the new syntax
• If https://github.com/leaderboardsgg/leaderboard-site/issues/541, is not done yet, it's completely fine to have generic defaults in place of actual user details
• If you don't have access to the Figma, that can be found also in the #resources, ask about access to it in #general-dev and someone should be able to help you out

What might break?

N/A

Relevant Issues

https://github.com/leaderboardsgg/leaderboard-site/issues/541 is kind of a blocker in terms of getting actual information about the user. Theoretically, the route should be setup the same, so these two issue should be able to be worked on simultaneously.