[Carousel A11y]: Change focus order to first focus carousel pages and navigation controls second

[beervoley]

Related Issue

Closing https://microsoft.visualstudio.com/OS/_workitems/edit/40328002.

Description

The bug above states that the focus order when navigating Carousel via keyboard is incorrect.
Current order: Any Outer Element -> Left Navigation Button (if enabled) -> Navigation Bullets -> Right Navigation Button (if enabled) -> Carousel Page.
Expected order: Any Outer Element -> Carousel Page -> Left Navigation Button (if enabled) -> Navigation Bullets -> Right Navigation Button (if enabled).

Since tabIndex = 0 on elements of CarouselPage and Navigation Controls tab order will match the order of the elements in DOM. Currently container for navigation controls is added to the DOM before the container for carousel pages. I've changed the order to insert container for carousel pages first to change the tab order to desired one.

Sample Card

{
    "type": "AdaptiveCard",
    "body": [
        {
            "type": "Carousel",
            "rtl": false,
            "loop": false,
            "pages": [
                {
                    "type": "CarouselPage",
                    "rtl": false,
                    "items" : [
                        {
                            "type" : "Image",
                            "url" : "https://pbs.twimg.com/profile_images/3647943215/d7f12830b3c17a5a9e4afcc370e3a37e_400x400.jpeg"
                        }
                    ]
                },
                {
                    "type": "CarouselPage",
                    "rtl": false,
                    "items" : [
                        {
                            "type" : "Image",
                            "url" : "https://pbs.twimg.com/profile_images/3647943215/d7f12830b3c17a5a9e4afcc370e3a37e_400x400.jpeg"
                        }
                    ]
                },
                 {
                    "type": "CarouselPage",
                    "rtl": false,
                    "items" : [
                        {
                            "type" : "Image",
                            "url" : "https://pbs.twimg.com/profile_images/3647943215/d7f12830b3c17a5a9e4afcc370e3a37e_400x400.jpeg"
                        }
                    ]
                }
            ]
        }
    ],
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.6"
}

How Verified

Manually verified by tabbing through the sample card in designer.