Structure change (#4220)

* Structure change

* Remove duplicate folders from previous structure

* Cleanup websocket protocol

* Updating from based off PR

* Fixup - remove wrong files during conflict and get the websocket working

* renaming tsx to ts

Co-authored-by: Jeremy Letto <jeremy.letto@datasite.com>

webclient/src/containers/App/AppShell.tsx

@@ -0,0 +1,37 @@
+// eslint-disable-next-line
+import React, { Component } from "react";
+import { Provider } from "react-redux";
+import { MemoryRouter as Router } from "react-router-dom";
+import CssBaseline from "@material-ui/core/CssBaseline";
+import { store } from "store";
+import { Header } from 'components';
+import Routes from "./AppShellRoutes";
+
+import "./AppShell.css";
+
+class AppShell extends Component {
+  componentDidMount() {
+    // @TODO (1)
+    window.onbeforeunload = () => true;
+  }
+
+  handleContextMenu(event) {
+    event.preventDefault();
+  }
+
+  render() {
+    return (
+      <Provider store={store}>
+        <CssBaseline />
+        <div className="AppShell" onContextMenu={this.handleContextMenu}>
+          <Router>
+            <Header />
+            <Routes />
+          </Router>
+        </div>
+      </Provider>
+    );
+  }
+}
+
+export default AppShell;