Fix/style/layout responsivness/profile screen

[francelu]

Responsive layout for ProfileScreen

Description

This PR introduces a responsive layout (padding, design and typographies) for the ProfileScreen. It closes issue #172, subtask from #82.

Changes

• In ProfileScreen's Scaffold, Column component has been replaced by LazyColumn which is by default scrollable.
• New cardElevation in Dimens.kt for Cards' elevation.
• (New from #173) cardRoundedin Dimens.ktfor Cards' rounded edges.
• Adapted padding and typographies to the components.

Files

Added

None.

Modified

• ProfileScreen.kt: updated padding and typographies for responsive layout.
• Dimens.kt: new cardElevation val.

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

[francelu]

Suggestions

* No further changes are necessary to the documentation as the wiki covers the details well. However, it could be helpful to add inline comments explaining any non-obvious layout decisions, especially if any specific assumptions are made.

@taghizadlaura
What do you mean by non-obvious layout decisions ? Could you point out in the code please ?

[sonarcloud[bot]]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

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

See analysis details on SonarQube Cloud

[taghizadlaura]

@francelu Sorry, I thought I had removed this part in my review and replaced it when I saw you created a wiki. However, it seems I only added the wiki comment instead of replacing the entire sentence—it's a typo. My apologies