[Styling] Fix User Avatar Style ✨

[agustints]

Summary

This pull request addresses an issue with the user profile avatar style in the settings panel of the Clockify browser extension. The changes enhance the visual appearance of the avatar by making it more consistent and aesthetically pleasing.

Changes Made

• Avatar Styling: Applied border-radius: 50%; to make the avatar circular.
• Image Fit: Added object-fit: cover; to ensure the avatar image is properly cropped and fits within the circular frame.

Before and After

• Before: The avatar image did not have a consistent shape and might have appeared stretched or out of place.
• After: The avatar image now appears as a perfect circle and maintains its proportions, providing a cleaner look.

Testing

• Verified that the avatar displays correctly in the settings panel.
• Ensured that the changes do not affect other parts of the UI.

Screenshots

Before:

After:

[milosfromcake]

Hi @agustints, thank you for trying to contribute to our project by making this pull request.

We will soon give you feedback about the changes you have made in our repository.