Add connected but unstyled workload list

src/components/App/App.css

@@ -0,0 +1,3 @@
+.App {
+  text-align: center;
+}

src/components/App/App.test.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './App';
+
+it('renders without crashing', () => {
+  const div = document.createElement('div');
+  ReactDOM.render(<App />, div);
+  ReactDOM.unmountComponentAtNode(div);
+});

src/components/App/App.tsx

@@ -0,0 +1,22 @@
+import React, { PureComponent } from 'react';
+
+import { WorkloadListContainer } from '../WorkloadList';
+import './App.css';
+
+
+class App extends PureComponent {
+  render() {
+    return (
+      <div className="App">
+        <div className="App-mainColumn">
+          <WorkloadListContainer />
+        </div>
+        <div className="App-asideColumn">
+          {/* <WorkloadFormContainer /> */}
+        </div>
+      </div>
+    );
+  }
+}
+
+export default App;

src/components/App/index.ts

@@ -0,0 +1,2 @@
+export { default } from './App';
+export * from './App';