Migrating Vue components to React and stores refactoring (#585)

Signed-off-by: Roman <ixrock@gmail.com>

Co-authored-by: Sebastian Malton <sebastian@malton.name>
Co-authored-by: Sebastian Malton <smalton@mirantis.com>
Co-authored-by: Lauri Nevala <lauri.nevala@gmail.com>
Co-authored-by: Alex Andreev <alex.andreev.email@gmail.com>

src/renderer/lens-app.tsx

@@ -0,0 +1,34 @@
+import "../common/system-ca"
+import React from "react";
+import { Route, Router, Switch } from "react-router";
+import { observer } from "mobx-react";
+import { userStore } from "../common/user-store";
+import { I18nProvider } from "@lingui/react";
+import { history } from "./navigation";
+import { _i18n } from "./i18n";
+import { ClusterManager } from "./components/cluster-manager";
+import { ErrorBoundary } from "./components/error-boundary";
+import { WhatsNew, whatsNewRoute } from "./components/+whats-new";
+import { Notifications } from "./components/notifications";
+import { ConfirmDialog } from "./components/confirm-dialog";
+
+@observer
+export class LensApp extends React.Component {
+  render() {
+    return (
+      <I18nProvider i18n={_i18n}>
+        <Router history={history}>
+          <ErrorBoundary>
+            <Switch>
+              {userStore.isNewVersion && <Route component={WhatsNew}/>}
+              <Route component={WhatsNew} {...whatsNewRoute}/>
+              <Route component={ClusterManager}/>
+            </Switch>
+          </ErrorBoundary>
+          <Notifications/>
+          <ConfirmDialog/>
+        </Router>
+      </I18nProvider>
+    )
+  }
+}