Fixes #417

[TriptiMirani]

Description

This PR fixes a UI bug where the right edge of the ElevatedButton text overflows by 11 pixels. Additionally, it addresses an issue where icons within the button were blending into the background, making them difficult to see. The fix ensures proper alignment and enhances icon visibility.

Fixes #417

Type of change

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

How Has This Been Tested?

The fix was tested on a physical device (One Plus 11R):

1. Verified that the right edge of the ElevatedButton text no longer overflows.
2. Confirmed that icons are now clearly visible against the button's background with sufficient contrast in all Themes.

Steps to reproduce the test:

• Open the application.
• Navigate to the Profile screen.
• Check the alignment of text and visibility of icons of Edit Profile and Settings.

Checklist:

• My code follows the style guidelines of this project.
• I have performed a self-review of my own code.
• My changes generate no new warnings.
• Manually tested the fix on a physical device and confirmed expected behavior.
• No automated tests available, but manual testing confirmed no issues.
• I have checked my code and corrected any misspellings.

Maintainer Checklist

• closes UI Overflow and Icon Disappearance in Elevated Button in Profile Screen #417
• Tag the PR with the appropriate labels.