Sync chain flow via tab sync displayed in landscape [iOS 16]

[Uni-verse]

Description:

In landscape view, user is not forced to portrait when sync chain modals are displayed via tab sync flow. Instead, sync chain modals are displayed in landscape which results in some elements not shown correctly as we display these flow in portrait only.

We should fix this flow for landscape on iOS 16 or force portrait mode to avoid potential usability issues

Steps to Reproduce

1. Fresh profile
2. Open tab tray, select tabs from other devices segmented tab
3. Rotate device to landscape
4. Tap on Start a sync chain
5. Sync modal will display in landscape
6. Select Select the Tablet or Phone option
7. Observe
8. Delete sync chain
9. Repeat steps.. this time choose I have a sync code
10. Notice the scan modal in landscape is not displayed correctly

Actual result:
Sync chain modals are not displayed in portrait view.

Example	Example

Expected result:
We should fix this flow in landscape or force portrait to avoid potential usability issues

Reproduces how often: [Easily reproduced, Intermittent Issue]
Easily

Brave Version:
1.45.x

Device details:
iPhone 12 Pro, iOS 16.x

[Uni-verse]

Verified on iPhone X running iOS 16.7and iPad (7th Gen) running iPadOS 17.0 using version 1.61 (23.12.11.17)

• Ensured all flow screens are forced to display in portrait in the segmented tab sync flow.
• Ensured joining sync chain using code words and scanning QR code is successful.
• Spot checked sync flow on iPad to ensured nothing has regressed.
• Ensured Sync Internals data is populated after joining sync chain.

Case 1: Start a new Sync Chain

Example	Example	Example	Example	Example

Case 2: I have a Sync Code

Example	Example	Example

Case 3: iPad (spot check)

Example	Example	Example	Example	Example