Fix/style/layout responsiveness/edit profile

[francelu]

Responsive layout for `EditProfileScreen

Description

This PR introduces a responsive layout (typography, padding, layout, ...) for EditProfileScreen. It closes issue #174, subtask from #82.

Changes

• Use LazyColumn (by default scrollable) instead of a Column component in EditProfileScreen's Scaffold.
• New val iconButtonSize in Dimens.kt for the edit profile picture IconButton.
• Adapted layout in EditProfileScreen.

Files

Added

• None.

Modified

• EditProfileScreen.kt: adapt layout to be responsive to all screen sizes.
• Dimens.kt: add new val iconButtonSize which is 5/3 of iconSize.

Removed

• None.

Dependencies Added

• None.

Testing

• Verified on multiple emulators to ensure consistent and responsive design across different screen sizes.

Screenshots

Screen	Before	After
Compact S
Compact M
Compact L
Medium (horizontal)
Medium
Extended

[sonarcloud[bot]]

Quality Gate passed

Issues
2 New issues
0 Accepted issues

Measures
0 Security Hotspots
61.7% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[francelu]

This is a very light PR as a lot of work has been done already to prepare for this task (see #165 and #168).