fix(ui5-combobox): use Title component for dialog header to match MultiComboBox

Author: ivoplashkov

packages/main/cypress/specs/ComboBox.mobile.cy.tsx

@@ -645,7 +645,7 @@ describe("Dialog header title", () => {
 
 		cy.get("#myCB")
 			.shadow()
-			.find("[ui5-responsive-popover] .ui5-responsive-popover-header .row span")
+			.find("[ui5-responsive-popover] .ui5-responsive-popover-header-text")
 			.should("have.text", "Country");
 	});
 
@@ -666,7 +666,7 @@ describe("Dialog header title", () => {
 
 		cy.get("#myCB")
 			.shadow()
-			.find("[ui5-responsive-popover] .ui5-responsive-popover-header .row span")
+			.find("[ui5-responsive-popover] .ui5-responsive-popover-header-text")
 			.should("have.text", INPUT_SUGGESTIONS_TITLE.defaultText);
 	});
 });

packages/main/src/ComboBoxPopoverTemplate.tsx

@@ -2,6 +2,7 @@ import Icon from "./Icon.js";
 import Button from "./Button.js";
 import List from "./List.js";
 import Input from "./Input.js";
+import Title from "./Title.js";
 import PopoverHorizontalAlign from "./types/PopoverHorizontalAlign.js";
 import Popover from "./Popover.js";
 import ResponsivePopover from "./ResponsivePopover.js";
@@ -40,7 +41,13 @@ export default function ComboBoxPopoverTemplate(this: ComboBox) {
 				<>
 					<div slot="header" class="ui5-responsive-popover-header">
 						<div class="row">
-							<span>{this._headerTitleText}</span>
+							<Title
+								level="H1"
+								wrappingType="None"
+								class="ui5-responsive-popover-header-text"
+							>
+								{this._headerTitleText}
+							</Title>
 						</div>
 
 						<div class="row">