Make history page title a semantic heading (#51527)

src/panels/history/ha-panel-history.ts

@@ -136,7 +136,9 @@ class HaPanelHistory extends LitElement {
                 .narrow=${this.narrow}
               ></ha-menu-button>
             `}
-        <div slot="title">${this.hass.localize("panel.history")}</div>
+        <h1 class="page-title" slot="title">
+          ${this.hass.localize("panel.history")}
+        </h1>
         ${entitiesSelected
           ? html`
               <ha-icon-button
@@ -627,6 +629,12 @@ class HaPanelHistory extends LitElement {
           overflow-y: visible;
         }
 
+        .page-title {
+          font-size: inherit;
+          margin: inherit;
+          line-height: inherit;
+        }
+
         .content {
           height: calc(
             100vh - var(--header-height, 0px) - var(