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/common/components/ThreePaneLayout/ThreePaneLayout.tsx

@@ -1,47 +0,0 @@
-// eslint-disable-next-line
-import React, { Component, CElement } from "react";
-import { connect } from "react-redux";
-import Grid from "@material-ui/core/Grid";
-import Hidden from "@material-ui/core/Hidden";
-
-import "./ThreePaneLayout.css";
-
-class ThreePaneLayout extends Component<ThreePaneLayoutProps> {
-  render() {
-    return (
-      <div className="three-pane-layout">
-        <Grid container spacing={2} className="grid">
-          <Grid item xs={12} md={9} lg={10} className="grid-main">
-            <Grid item className={
-              "grid-main__top"
-              + (this.props.fixedHeight ? " fixedHeight" : "")
-            }>
-              {this.props.top}
-            </Grid>
-            <Grid item className="grid-main__bottom">
-              {this.props.bottom}
-            </Grid>
-          </Grid>
-          <Hidden smDown>
-            <Grid item md={3} lg={2} className="grid-side">
-              {this.props.side}
-            </Grid>
-          </Hidden>
-        </Grid>
-      </div>
-    );
-  }
-}
-
-interface ThreePaneLayoutProps {
-  top: CElement<any, any>,
-  bottom: CElement<any, any>,
-  side?: CElement<any, any>,
-  fixedHeight?: boolean,
-}
-
-const mapStateToProps = state => ({
-
-});
-
-export default connect(mapStateToProps)(ThreePaneLayout);