Fixed overflow problem in mobile view of settings page

[HelloSniperMonkey]

Description

Fixed the mobile view overflow issue on the Settings page by removing hardcoded values from the settings_view_mobile modal and wrapping the main content of the update profile screen page in a SingleChildScrollView. This ensures the layout is responsive to different device widths and allows vertical scrolling, preventing overflow and preserving usability on smaller screens.

Fixes #334

Type of change

• Bug fix (non-breaking change which fixes an issue)

How Has This Been Tested?

I have tested the changes on 2 different devices to check for any inconsistency and found none

Please include screenshots below if applicable.

Timeline.1.mp4

WhatsApp.Video.2025-04-05.at.21.08.57.mp4

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules
• I have checked my code and corrected any misspellings

Maintainer Checklist

• closes Overflow Issue in mobile view of setting page #334
• Tag the PR with the appropriate labels

[HelloSniperMonkey]

@AyaNady17 @mdmohsin7 can you please review this PR ?