Large update for all components

reorganization, linting, updating file imports, consolidation
warning: there will be errors in this commit
todo: update webpack, add missing styles, scss files, consolidate the rest of components within features/*

app/javascript/gabsocial/components/columns_area/columns_area.js

@@ -0,0 +1,42 @@
+import './columns_area.scss';
+
+export default class ColumnsArea extends PureComponent {
+
+  static propTypes = {
+    children: PropTypes.node,
+    layout: PropTypes.object,
+  };
+
+  render () {
+    const { children } = this.props;
+    const layout = this.props.layout || {LEFT:null,RIGHT:null};
+
+    return (
+      <div className='page'>
+        <div className='page__columns'>
+          <div className='columns-area__panels'>
+
+            <div className='columns-area__panels__pane columns-area__panels__pane--left'>
+              <div className='columns-area__panels__pane__inner'>
+                {layout.LEFT}
+              </div>
+            </div>
+
+            <div className='columns-area__panels__main'>
+              <div className='columns-area columns-area--mobile'>
+                {children}
+              </div>
+            </div>
+
+            <div className='columns-area__panels__pane columns-area__panels__pane--right'>
+              <div className='columns-area__panels__pane__inner'>
+                {layout.RIGHT}
+              </div>
+            </div>
+          </div>
+        </div>
+
+      </div>
+    )
+  }
+}