Update label for Close account login field

[parasharrajat]

Details

Fixed Issues

$ #7379

Tests | QA Steps

1. Open Settings page.
2. Go to Security > Close account page.
3. Check if the label of the enter your primary login is not overflowing.
4. Primary login is visible over the field.

• Verify that no errors appear in the JS console

Tested On

• Web
• Mobile Web
• Desktop
• iOS
• Android

Screenshots

Web | Desktop

Mobile Web

Desktop

iOS

Android

[OSBotify]

✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release.

[OSBotify]

🚀 Deployed to staging by @AndrewGable in version: 1.1.41-0 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	failure ❌

[OSBotify]

🚀 Deployed to staging by @AndrewGable in version: 1.1.41-0 🚀

platform	result
🤖 android 🤖	failure ❌
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	failure ❌
🕸 web 🕸	failure ❌

[OSBotify]

🚀 Deployed to production by @francoisl in version: 1.1.41-6 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅

[Stutikuls]

Issue1 -

Title- [Medium]: Chrome : Color Contrast : Color contrast ratio fail for 'Close (X) and back (<)' controls.
Actual - Color contrast ratio 1.7:1 for 'Close (X) and back (<)' controls.
Note - This issue repro on the whole Expensify screens.
Expected - Color contrast ratio should 3.0:1 for 'Close (X) and back (<)' controls.
WCAG failure - 1.4.11
Reproducible in staging?: - Yes
Version Number: - v1.1.42-2
Platforms - Desktop (MAC), Web(Chrome), Mobile-web(iOS), iOS, Android

Issue 2 -

Title- [Medium]: Chrome : Color Contrast : Color contrast ratio fail for 'Placeholder' text.
Actual - Color contrast ratio 3.4:1 for 'Placeholder' text.
Expected - Color contrast ratio should 4.5:1 for 'Placeholder' text.
WCAG failure - 1.4.3
Reproducible in staging?: - Yes
Version Number: - v1.1.42-2
Platforms - Desktop (MAC), Web(Chrome), Mobile-web(iOS), iOS, Android

Issue 3 -

Title- [Medium]: Chrome : Color Contrast : Color contrast ratio fail for 'Edges' of the text box.
Actual - Color contrast ratio 1.2:1 for 'Edges' of the text box.
Expected - Color contrast ratio should 3.0:1 for 'Edges' of the text box.
WCAG failure - 1.4.11
Reproducible in staging?: - Yes
Version Number: - v1.1.42-2
Platforms - Desktop (MAC), Web(Chrome), Mobile-web(iOS), iOS, Android