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

* Update typescript, prettier, tslint -> eslint

* Organize imports

* Use glob for eslint fix react import

src/components/ha-menu-button.ts

@@ -1,28 +1,33 @@
 import "@polymer/paper-icon-button/paper-icon-button";
+import { UnsubscribeFunc } from "home-assistant-js-websocket";
 import {
+  css,
+  CSSResult,
+  customElement,
+  html,
+  LitElement,
   property,
   TemplateResult,
-  LitElement,
-  html,
-  customElement,
-  CSSResult,
-  css,
 } from "lit-element";
-
 import { fireEvent } from "../common/dom/fire_event";
-import { HomeAssistant } from "../types";
-import { UnsubscribeFunc } from "home-assistant-js-websocket";
-import { subscribeNotifications } from "../data/persistent_notification";
 import { computeDomain } from "../common/entity/compute_domain";
+import { subscribeNotifications } from "../data/persistent_notification";
+import { HomeAssistant } from "../types";
 
 @customElement("ha-menu-button")
 class HaMenuButton extends LitElement {
   @property({ type: Boolean }) public hassio = false;
+
   @property() public narrow!: boolean;
+
   @property() public hass!: HomeAssistant;
+
   @property() private _hasNotifications = false;
+
   private _alwaysVisible = false;
+
   private _attachNotifOnConnect = false;
+
   private _unsubNotifications?: UnsubscribeFunc;
 
   public connectedCallback() {
@@ -55,11 +60,7 @@ class HaMenuButton extends LitElement {
         .icon=${this.hassio ? "hassio:menu" : "hass:menu"}
         @click=${this._toggleMenu}
       ></paper-icon-button>
-      ${hasNotifications
-        ? html`
-            <div class="dot"></div>
-          `
-        : ""}
+      ${hasNotifications ? html` <div class="dot"></div> ` : ""}
     `;
   }