Fix overflow issue on login screen

[yuwenmemon]

@techievivek Please review
cc @aimane-chnaif

Details

I don't believe we need this conditional here as the SignIn page content will always be narrow.

Fixed Issues

$ #10419

Tests

1. Go to the sign in page of new Expensify
2. Enter your login details but not your password (use long login name)
3. Press Forgot? on the password page

[aimane-chnaif]

@yuwenmemon Your solution LGTM! https://github.com/Expensify/App/pull/10425/files#diff-dd48053a4b4ca8a948af29c248e8fee97c8d962017338228d8bec523842df230R52

Another solution:
The issue was similar to this: https://stackoverflow.com/questions/35491851/alignitems-center-prevents-flex-row-text-wrapping-in-react-native
So we can also fix this by updating this line:

App/src/pages/signin/SignInPageLayout/SignInPageContent.js

Line 45 in 78bb1d5

styles.alignItemsCenter,

To:

            props.isSmallScreenWidth && styles.alignItemsCenter,

This fixes both issues: #9817, #10419

I think either solution is fine

[techievivek]

Looks good, thanks for the changes.

[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.

[github-actions]

⚠️ ⚠️ Heads up! This pull request has the CP Staging label. ⚠️ ⚠️
Merging it will cause it to be immediately deployed to staging, even if the open StagingDeployCash deploy checklist is locked.

[OSBotify]

🚀 Deployed to staging by @techievivek in version: 1.1.89-0 🚀

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