feat: responsive header, navigation and headings and avatars

[pavanjoshi914]

Describe the changes you have made in this PR

fix headers navigation icons

Link this PR to an issue [optional]

Fixes #ISSUE-NUMBER

Type of change

• fix: Bug fix (non-breaking change which fixes an issue)

Screenshots of the changes [optional]

before:

after:

Checklist

• Self-review of changed code
• Manual testing
• Added automated tests where applicable
• Update Docs & Guides
• For UI-related changes
• Darkmode
• Responsive layout

[pavanjoshi914]

@rolznz @reneaaron here i am thinking what we do about the heading. it's something like pavanjoshi2050@gmail.com/Account settings this is quite big. and breaks responsiveness on smaller screen. is there specific reason to include account name as well in headings?

[pavanjoshi914]

@rolznz @reneaaron here i am thinking what we do about the heading. it's something like pavanjoshi2050@gmail.com/Account settings this is quite big. and breaks responsiveness on smaller screen. is there specific reason to include account name as well in headings?

new changes regarding the same:::

2023-12-27.14-34-15.mp4

[reneaaron]

tACK