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/AppShell/AppShell.tsx

@@ -1,39 +0,0 @@
-// 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 "./AppShell.css";
-import Routes from "./AppShellRoutes";
-import Header from "./Header/Header";
-
-
-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;