first draft of TwoPaneLayoutNav

[khalp]

📃 Description

Adds the TwoPaneLayoutNav constructor and a new sample to showcase how it works

🤔 Motivation and Context

To provide developers with more flexibility and customization options when working with complicated navigation scenarios

🧪 How Has This Been Tested?

Created a sample, add new sample tests

⚒️ Does the PR contain new tests or refactored old ones?

New tests

📷 Screenshots (if appropriate)

Updated sample appearance/behavior (new color scheme from Yuran 😄):

https://user-images.githubusercontent.com/33138268/166332237-14cb669c-a73d-4981-8d1a-5cc73b9aaa32.mp4

📦 Types of changes

• [x] New feature (non-breaking change which adds functionality)
• [ ] Enhancement to a current functionality
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] Bug fix (non-breaking change which fixes an issue. Please add issue link here too).

✅ Checklist

• [x] My change requires a change to the documentation.
• [ ] I have updated the documentation accordingly.
• [x] This PR contains new tests that cover the new code.
• [ ] This PR refactor previous tests to cover the new code.
• [ ] This PR is part of a set of PRs that build a bigger feature. If so, please, add here links to previously merged or open PRs.

[joyl1216]

Some random thoughts in my mind. We can discuss them tomorrow.

• Is it necessary for the developer to know which destination is showing in pane1 and pane2?
• Is it a good idea to navigate one pane from the other pane? For example, click pane2 to navigate to D4 in pane1.
• How can the developer track the destination paths, such as where the current destination comes from, how can the current pane go back to the previous destination?
• In the new sample, pane1 UI seems broken in dual-landscape mode.