Add and fix stylistic eslint rules (#23735)

* Fix stylistic eslint rules

* Fix eslint issues

src/components/search-input.ts

@@ -1,5 +1,5 @@
 import { mdiClose, mdiMagnify } from "@mdi/js";
-import type { CSSResultGroup, TemplateResult } from "lit";
+import type { TemplateResult } from "lit";
 import { css, html, LitElement } from "lit";
 import { customElement, property, query } from "lit/decorators";
 import "./ha-icon-button";
@@ -75,30 +75,28 @@ class SearchInput extends LitElement {
     this._filterChanged("");
   }
 
-  static get styles(): CSSResultGroup {
-    return css`
-      :host {
-        display: inline-flex;
-      }
-      ha-svg-icon,
-      ha-icon-button {
-        color: var(--primary-text-color);
-      }
-      ha-svg-icon {
-        outline: none;
-      }
-      .clear-button {
-        --mdc-icon-size: 20px;
-      }
-      ha-textfield {
-        display: inherit;
-      }
-      .trailing {
-        display: flex;
-        align-items: center;
-      }
-    `;
-  }
+  static styles = css`
+    :host {
+      display: inline-flex;
+    }
+    ha-svg-icon,
+    ha-icon-button {
+      color: var(--primary-text-color);
+    }
+    ha-svg-icon {
+      outline: none;
+    }
+    .clear-button {
+      --mdc-icon-size: 20px;
+    }
+    ha-textfield {
+      display: inherit;
+    }
+    .trailing {
+      display: flex;
+      align-items: center;
+    }
+  `;
 }
 
 declare global {