add no-unused and react/recommended to eslint (#1523)

* add no-unused-vars and no-unused-imports

* added quotes: double, and remove ignore pattern

* move itif and describeif into utils

Signed-off-by: Sebastian Malton <sebastian@malton.name>

src/renderer/components/layout/login-layout.tsx

@@ -16,7 +16,7 @@ export class LoginLayout extends React.Component<Props> {
   render() {
     const { className, header, title, footer, children } = this.props;
     return (
-      <section className={cssNames('LoginLayout flex', className)}>
+      <section className={cssNames("LoginLayout flex", className)}>
         <div className="header">{header}</div>
         <div className="box main">
           <div className="title">

src/renderer/components/layout/page-layout.tsx

@@ -36,11 +36,11 @@ export class PageLayout extends React.Component<PageLayoutProps> {
   }
 
   async componentDidMount() {
-    window.addEventListener('keydown', this.onEscapeKey);
+    window.addEventListener("keydown", this.onEscapeKey);
   }
 
   componentWillUnmount() {
-    window.removeEventListener('keydown', this.onEscapeKey);
+    window.removeEventListener("keydown", this.onEscapeKey);
   }
 
   onEscapeKey = (evt: KeyboardEvent) => {

src/renderer/components/layout/sidebar.tsx

@@ -26,10 +26,10 @@ import { Network } from "../+network";
 import { crdStore } from "../+custom-resources/crd.store";
 import { CrdList, crdResourcesRoute, crdRoute, crdURL } from "../+custom-resources";
 import { CustomResources } from "../+custom-resources/custom-resources";
-import { isActiveRoute, navigation } from "../../navigation";
+import { isActiveRoute } from "../../navigation";
 import { isAllowedResource } from "../../../common/rbac";
 import { Spinner } from "../spinner";
-import { ClusterPageMenuRegistration, clusterPageMenuRegistry, clusterPageRegistry, getExtensionPageUrl, RegisteredPage } from "../../../extensions/registries";
+import { ClusterPageMenuRegistration, clusterPageMenuRegistry, clusterPageRegistry, getExtensionPageUrl } from "../../../extensions/registries";
 
 const SidebarContext = React.createContext<SidebarContextValue>({ pinned: false });
 type SidebarContextValue = {
@@ -102,16 +102,13 @@ export class Sidebar extends React.Component<Props> {
       const registeredPage = clusterPageRegistry.getByPageMenuTarget(menuItem.target);
       const tabRoutes = this.getTabLayoutRoutes(menuItem);
       let pageUrl: string;
-      let routePath: string;
       let isActive = false;
       if (registeredPage) {
         const { extensionId, id: pageId } = registeredPage;
         pageUrl = getExtensionPageUrl({ extensionId, pageId, params: menuItem.target.params });
-        routePath = registeredPage.routePath;
         isActive = isActiveRoute(registeredPage.routePath);
       } else if (tabRoutes.length > 0) {
         pageUrl = tabRoutes[0].url;
-        routePath = tabRoutes[0].routePath;
         isActive = isActiveRoute(tabRoutes.map((tab) => tab.routePath));
       } else {
         return;