Userprofile header UI/ux

[IITvamp]

Description

• changed grid size for xs screens in profile component header
• added grid size for small sm screens in profile component header

Related Issue

#283

How Has This Been Tested?

by changing the different pixel sizes for the screen.

Screenshots or GIF (In case of UI changes):

for long screens

for small and medium screens

for xs screens

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have added tests to cover my changes.
• All new and existing tests passed.