[Designer] Remove focus from card elements

[anna-dingler]

Related Issue

Progress towards #7436

Description

Focus should land on designer peers instead of the card elements themselves.

We need to set tabIndex= -1 based on whether or not the user is in design mode. The change was made for elements that still need access to focus when in preview mode (input elements and actions).

Sample Card

{
    "type": "AdaptiveCard",
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.5",
    "body": [
        {
            "type": "Input.Text",
            "placeholder": "Placeholder text"
        },
        {
            "type": "Input.Date"
        },
        {
            "type": "Input.Time"
        },
        {
            "type": "Input.Number",
            "placeholder": "Placeholder text"
        },
        {
            "type": "Input.ChoiceSet",
            "choices": [
                {
                    "title": "Choice 1",
                    "value": "Choice 1"
                },
                {
                    "title": "Choice 2",
                    "value": "Choice 2"
                }
            ],
            "placeholder": "Placeholder text"
        },
        {
            "type": "Input.Toggle",
            "title": "New Input.Toggle"
        },
        {
            "type": "ActionSet",
            "actions": [
                {
                    "type": "Action.OpenUrl",
                    "title": "Action.OpenUrl"
                },
                {
                    "type": "Action.Submit",
                    "title": "Action.Submit"
                },
                {
                    "type": "Action.ShowCard",
                    "title": "Action.ShowCard",
                    "card": {
                        "type": "AdaptiveCard"
                    }
                },
                {
                    "type": "Action.ToggleVisibility",
                    "title": "Action.ToggleVisibility"
                },
                {
                    "type": "Action.Execute",
                    "title": "Action.Execute"
                }
            ]
        }
    ]
}

How Verified

Verified manually on the adaptivecards site.

Microsoft Reviewers: Open in CodeFlow

[ghost]

Hi @anna-dingler. Thanks for helping make the AdaptiveCards JS renderer + tooling better. As additional verification, once the JS build succeeds, please go to the test site to test out your website/designer changes.

[beervoley]