fix(data-tables): accessibility for row enter

rows should be focusable, and should handle enter

fix #21028

src/components/data-table/ha-data-table.ts

@@ -423,9 +423,11 @@ export class HaDataTable extends LitElement {
     return html`
       <div
         aria-rowindex=${index + 2}
+        tabindex="0"
         role="row"
         .rowId=${row[this.id]}
         @click=${this._handleRowClick}
+        @keydown=${this._handleRowKeyDown}
         class="mdc-data-table__row ${classMap({
           "mdc-data-table__row--selected": this._checkedRows.includes(
             String(row[this.id])
@@ -661,6 +663,13 @@ export class HaDataTable extends LitElement {
     this._checkedRowsChanged();
   };
 
+  private _handleRowKeyDown = (ev: KeyboardEvent) => {
+    // Handle pressing enter.
+    if (ev.key === "Enter") {
+      this._handleRowClick(ev);
+    }
+  };
+
   private _handleRowClick = (ev: Event) => {
     if (
       ev