Remove innerHTML usage from dynamic typeahead

[anna-dingler]

Related Issue

Fixes #8902

Description

Remove innerHTML usage from dynamic typeahead feature. Now we construct the bold text with individual spans + styling.

Sample Card

{
	"type": "AdaptiveCard",
	"version": "1.6",
	"body": [
		{
			"type": "Input.ChoiceSet",
			"id": "dynamicChoiceSet",
			"label": "Enter the name of your team",
			"placeholder": "AdaptiveCards",
			"isRequired": true,
			"errorMessage": "You must select a valid team",
			"choices": [
				{
					"title": "Office",
					"value": "1"
				},
				{
					"title": "Teams",
					"value": "2"
				},
				{
					"title": "Outlook",
					"value": "3"
				}
			],
			"choices.data": {
				"type": "Data.Query",
				"dataset": "teamScopeInOrg",
				"count": 15,
				"skip": 0
			}
		}
	]
}

How Verified

Verified manually on the AC site.

Example HTML:

Behavior remains the same: https://github.com/microsoft/AdaptiveCards/assets/98650930/23c9ecff-5507-4146-a064-db98b3932e62