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/column_back_button/column_back_button.js

@@ -0,0 +1,40 @@
+import { FormattedMessage } from 'react-intl';
+import classNames from 'classnames';
+import Icon from '../icon';
+
+import './column_back_button.scss';
+
+export default class ColumnBackButton extends PureComponent {
+
+  static contextTypes = {
+    router: PropTypes.object,
+  };
+
+  static propTypes = {
+    slim: PropTypes.bool,
+  };
+
+  handleClick = () => {
+    if (window.history && window.history.length === 1) {
+      this.context.router.history.push('/home'); // homehack
+    } else {
+      this.context.router.history.goBack();
+    }
+  }
+
+  render () {
+    const { slim } = this.props;
+
+    const btnClasses = classNames('column-back-button', {
+      'column-back-button--slim': slim,
+    });
+
+    return (
+      <button className={btnClasses} onClick={this.handleClick}>
+        <Icon id='chevron-left' className='column-back-button__icon' fixedWidth />
+        <FormattedMessage id='column_back_button.label' defaultMessage='Back' />
+      </button>
+    );
+  }
+
+}

app/javascript/gabsocial/components/column_back_button/index.js

@@ -1,40 +1 @@
-import { FormattedMessage } from 'react-intl';
-import classNames from 'classnames';
-import Icon from '../icon';
-
-import './index.scss';
-
-export default class ColumnBackButton extends PureComponent {
-
-  static contextTypes = {
-    router: PropTypes.object,
-  };
-
-  static propTypes = {
-    slim: PropTypes.bool,
-  };
-
-  handleClick = () => {
-    if (window.history && window.history.length === 1) {
-      this.context.router.history.push('/home'); // homehack
-    } else {
-      this.context.router.history.goBack();
-    }
-  }
-
-  render () {
-    const { slim } = this.props;
-
-    const btnClasses = classNames('column-back-button', {
-      'column-back-button--slim': slim,
-    });
-
-    return (
-      <button className={btnClasses} onClick={this.handleClick}>
-        <Icon id='chevron-left' className='column-back-button__icon' fixedWidth />
-        <FormattedMessage id='column_back_button.label' defaultMessage='Back' />
-      </button>
-    );
-  }
-
-}
+export { default } from './column_back_button';