Supports big screens mobile devices for popover menu

[AlfredoAlc]

Details

Changes the way it renders the popover menu for iPad, for the same as Web and Desktop.

Fixed Issues

$ #5754

Tests

1. Enter Expensify App with an iPad.
2. Press the FAB(Plus button).
3. The Popover menu should appear the way it appears in Web and Desktop.(Animated from the side instead of from bottom)

QA Steps

1. Enter Expensify App with an iPad.
2. Press the FAB(Plus button).
3. The Popover menu should appear the way it appears in Web and Desktop.(Animated from the side instead of from bottom)

Tested On

• Web
• Mobile Web
• Desktop
• iOS
• Android

Screenshots

Web

Desktop

iOS

iPhone

iPad

ipad.mp4

Android

[johnmlee101]

Looks good! Please resolve conflicts and I'll merge!

[johnmlee101]

Thanks for your patience!

[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 @johnmlee101 in version: 1.1.16-11 🚀

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

[Jag96]

It looks like this PR resulted in a few deploy blockers:

• Profile - Context menu opens at the top of the page and unable to select an option when adding profile photo #6520
• Chat - Add attachment - Menu is misplaced and will break screen layout #6519
• Chat - Emoticons appear shifted to right and not fully visible #6522

Reverting this PR in #6523 to unblock the deploy cc @AlfredoAlc @johnmlee101

[parasharrajat]

@AlfredoAlc the PR is reverted. Would you please resubmit it without the regression?

[AlfredoAlc]

Yes, I will be working on fixing those issues!

[OSBotify]

🚀 Deployed to production by @roryabraham in version: 1.1.17-7 🚀

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