Use SWC for typescript, update to Lit 3, migrate decorators (#25150)

Co-authored-by: Wendelin <w@pe8.at>

src/components/ha-filter-devices.ts

@@ -1,4 +1,3 @@
-import "@material/mwc-list/mwc-list";
 import { mdiFilterVariantRemove } from "@mdi/js";
 import type { CSSResultGroup, PropertyValues } from "lit";
 import { css, html, LitElement, nothing } from "lit";
@@ -14,6 +13,7 @@ import { loadVirtualizer } from "../resources/virtualizer";
 import type { HomeAssistant } from "../types";
 import "./ha-check-list-item";
 import "./ha-expansion-panel";
+import "./ha-list";
 import "./search-input-outlined";
 
 @customElement("ha-filter-devices")
@@ -68,7 +68,7 @@ export class HaFilterDevices extends LitElement {
                 @value-changed=${this._handleSearchChange}
               >
               </search-input-outlined>
-              <mwc-list class="ha-scrollbar" multi>
+              <ha-list class="ha-scrollbar" multi>
                 <lit-virtualizer
                   .items=${this._devices(
                     this.hass.devices,
@@ -80,7 +80,7 @@ export class HaFilterDevices extends LitElement {
                   @click=${this._handleItemClick}
                 >
                 </lit-virtualizer>
-              </mwc-list>`
+              </ha-list>`
           : nothing}
       </ha-expansion-panel>
     `;
@@ -117,7 +117,7 @@ export class HaFilterDevices extends LitElement {
     if (changed.has("expanded") && this.expanded) {
       setTimeout(() => {
         if (!this.expanded) return;
-        this.renderRoot.querySelector("mwc-list")!.style.height =
+        this.renderRoot.querySelector("ha-list")!.style.height =
           `${this.clientHeight - 49 - 32}px`; // 32px is the height of the search input
       }, 300);
     }