Feature: Added navigation history flyout to the back/forward buttons

[d2dyno1]

Resolved / Related Issues

• Closes Feature: Show menu when right clicking back/forward buttons to show history #4098

Changes

This PR introduces highly requested forward and backward navigation history feature. You can access the list by right-clicking either of the toolbar buttons to view a list of recently navigated folders. Selecting any entry will bring you to that folder

To Do

• Code clean up (sort and move around classes/methods)
• Implement button holding for touch devices
• Add icon for HomePage

Screenshots

[yaira2]

Is TeachingTip preferred over MenuFlyout?

[d2dyno1]

Is TeachingTip preferred over MenuFlyout?

It's better because it allows a ListView to be utilized with ItemsSource binding, whereas a MenuFlyout doesn't easily bind to an ObservableCollection of items. Moreover, when button holding is added, MenuFlyout may not work as expected.

I personally think a TeachingTip looks better since it always opens in the same place MenuFlyout on the other hand would open at the cursor's position

[yaira2]

I'm not convinced it's the best UX to use here, but it's alright for now.

[yaira2]

@d2dyno1 I found an issue where Local Disk doesn't display the label.

[0x5bfa]

a MenuFlyout doesn't easily bind to an ObservableCollection of items.

Too bad that they didn't make any progress over a half decade https://github.com/microsoft/microsoft-ui-xaml/issues/1087 but IMO we can create a attached property 'ItemsSource' and put it via MenuFlyout.Items.Add().

MenuFlyout on the other hand would open at the cursor's position

If it's set to Button.Flyout it should be at the exact correct position.

[yaira2]

We can copy what we do for the breadcrumb flyouts

[yaira2]

Behavior looks good. Can you resolve the merge conflicts?

[0x5bfa]

Looks good to me, code wise.