Mobile: Profile avatar size is too small in header

[deepanshurajput0]

Issue Summary

On mobile devices, the profile avatar in the top-right header is rendered too small, making the profile picture difficult to see clearly. This affects recognizability and usability on smaller screens.

Steps to Reproduce

1. • Open Cal.com on a mobile device or using a mobile viewport in browser dev tools.
2. • Navigate to the dashboard / event types screen.
3. • Observe the profile avatar in the top-right corner of the header.

Any other relevant information. For example, why do you consider this a bug and what did you expect to happen instead?

Actual Results

The profile avatar is too small on mobile.
The profile picture inside the avatar is not clearly visible.
Details of the profile image are hard to recognize on smaller screens.

Expected Results

The profile avatar should be large enough for the profile picture to be clearly visible on mobile.
The avatar should be visually comparable in size to other header icons.
The avatar should remain clear and recognizable at a glance.

Technical details

Device: Mobile (responsive viewport tested)
Browser: Chromium-based / Firefox
OS: Windows
Node.js: v20.19.6
No console or network errors observed

Evidence

Before

After

[linear]

CAL-7097

[Anujkumarsagar]

I am new to contribution I don't know how these things get done but I can code it ,