Update typescript, prettier, tslint -> eslint (#5536)

* Update typescript, prettier, tslint -> eslint

* Organize imports

* Use glob for eslint fix react import

src/components/ha-attributes.ts

@@ -1,22 +1,22 @@
-import {
-  property,
-  LitElement,
-  TemplateResult,
-  html,
-  CSSResult,
-  css,
-  customElement,
-} from "lit-element";
 import { HassEntity } from "home-assistant-js-websocket";
-
-import hassAttributeUtil from "../util/hass-attributes-util";
+import {
+  css,
+  CSSResult,
+  customElement,
+  html,
+  LitElement,
+  property,
+  TemplateResult,
+} from "lit-element";
 import { until } from "lit-html/directives/until";
+import hassAttributeUtil from "../util/hass-attributes-util";
 
 let jsYamlPromise: Promise<typeof import("js-yaml")>;
 
 @customElement("ha-attributes")
 class HaAttributes extends LitElement {
   @property() public stateObj?: HassEntity;
+
   @property() public extraFilters?: string;
 
   protected render(): TemplateResult {
@@ -102,9 +102,7 @@ class HaAttributes extends LitElement {
         jsYamlPromise = import(/* webpackChunkName: "js-yaml" */ "js-yaml");
       }
       const yaml = jsYamlPromise.then((jsYaml) => jsYaml.safeDump(value));
-      return html`
-        <pre>${until(yaml, "")}</pre>
-      `;
+      return html` <pre>${until(yaml, "")}</pre> `;
     }
     return Array.isArray(value) ? value.join(", ") : value;
   }