fix: profile button is no longer clipped on navbar

[limwa]

This PR fixes an issue with the profile button in the navbar.

The clipping occurred because the profile button had padding on the bottom, which made it move up and overflow.

I took this opportunity to extract a component called ProfileImage. Also, a CircleAvatar was used instead of a box decoration.

This also fixes a issue overlooked in the #1152 where the settings icon in the profile page had too much padding on the right.

Screenrecording

uni-fix-profile-button-overflow.mp4

Review checklist

• Terms and conditions reflect the current change
• Contains enough appropriate tests
• If aimed at production, writes a new summary in whatsnew/whatsnew-pt-PT
• Properly adds an entry in changelog.md with the change
• If PR includes UI updates/additions, its description has screenshots
• Behavior is as expected
• Clean, well-structured code

[codecov]

Codecov Report

Merging #1154 (168bba7) into develop (94bcf02) will increase coverage by 1%.
Report is 2 commits behind head on develop.
The diff coverage is 11%.

Additional details and impacted files

@@           Coverage Diff           @@
##           develop   #1154   +/-   ##
=======================================
+ Coverage       16%     16%   +1%     
=======================================
  Files          227     228    +1     
  Lines         6862    6848   -14     
=======================================
+ Hits          1073    1075    +2     
+ Misses        5789    5773   -16     

[LuisDuarte1]

🚀