Return with no avatar option and fix avatar popup layout issue

[victorgois]

Add "No Avatar" option to avatar selection popup

Summary

• Added "No Avatar" option: The avatar selection popup now includes a "No Avatar" option as the first choice, using the Wikimedia Commons image: https://upload.wikimedia.org/wikipedia/commons/6/60/CapX_-_No_avatar.svg

• Updated type definitions: Modified Avatar interface to support null ID for the virtual "no avatar" option

• Fixed avatar removal: When selecting "No Avatar", the system now sends null to the backend instead of ID 0, which was causing validation errors

• Fixed avatar selection popup height to adapt itself when screen gets streched

• Added Avatar Selection Popup test suite

Technical Details

• Modified AvatarSelectionPopup component to include a virtual avatar with id: null
• Updated handleAvatarSelect function to accept number | null parameter
• Updated type definitions in ProfileEditMainWrapper, ProfileEditMobileView, and ProfileEditDesktopView
• The "No Avatar" option appears first in the grid, before all other avatars

Testing

• Users can now select "No Avatar" to remove their current avatar
• The selection properly saves to the backend without validation errors
• The UI correctly displays the Wikimedia Commons image for the "No Avatar" option
• Run yarn test or yarn test -- AvatarSelectionPopup.test.tsx to test each functionality of the component

[sonarqubecloud]

Quality Gate failed

Failed conditions
B Reliability Rating on New Code (required ≥ A)

See analysis details on SonarQube Cloud

Catch issues before they fail your Quality Gate with our IDE extension SonarQube for IDE