Add left nav (#4705)

* Automated translation update ( bf08a04cda )

* Add Layout component wip

* finish layout implementation

* convert header to left nav

* better nav item spacing

* return source files to original glory

* lint fix

* Remove height limit on login screen

* fix top spacing on 3-panel layout

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: Brent Clark <brent@backboneiq.com>

webclient/src/containers/Layout/Layout.tsx

@@ -0,0 +1,39 @@
+import LeftNav from './LeftNav';
+
+import './Layout.css'
+
+function Layout(props:LayoutProps) {
+  const { children, className, showNav = true, noHeightLimit = false } = props;
+  const containerClasses = ['layout']
+  if (noHeightLimit === true) {
+    containerClasses.push('layout--no-height-limit')
+  }
+
+  return (
+    <div className={containerClasses.join(" ")}>
+      {showNav && <LeftNav />}
+      <section className="page">
+        <div className={`page__body ${className}`}>
+          {children}
+        </div>
+        {showNav && <BottomBar />}
+      </section>
+    </div>
+  )
+}
+
+function BottomBar(props) {
+  return (
+    <div className="bottom-bar__container">
+    </div>
+  )
+}
+
+interface LayoutProps {
+    showNav?: boolean;
+    children: any;
+    className?: string;
+    noHeightLimit?: boolean
+}
+
+export default Layout;