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

@@ -0,0 +1,40 @@
+import { defineMessages, injectIntl } from 'react-intl';
+import Column from '../column';
+import ColumnHeader from '../column_header';
+import IconButton from '../icon_button';
+
+import './bundle_column_error.scss';
+
+const messages = defineMessages({
+  title: { id: 'bundle_column_error.title', defaultMessage: 'Network error' },
+  body: { id: 'bundle_column_error.body', defaultMessage: 'Something went wrong while loading this component.' },
+  retry: { id: 'bundle_column_error.retry', defaultMessage: 'Try again' },
+});
+
+export default @injectIntl
+class BundleColumnError extends PureComponent {
+
+  static propTypes = {
+    onRetry: PropTypes.func.isRequired,
+    intl: PropTypes.object.isRequired,
+  }
+
+  handleRetry = () => {
+    this.props.onRetry();
+  }
+
+  render () {
+    const { intl: { formatMessage } } = this.props;
+
+    return (
+      <Column>
+        <ColumnHeader icon='exclamation-circle' type={formatMessage(messages.title)} />
+        <div className='error-column'>
+          <IconButton title={formatMessage(messages.retry)} icon='refresh' onClick={this.handleRetry} size={64} />
+          {formatMessage(messages.body)}
+        </div>
+      </Column>
+    );
+  }
+
+}

app/javascript/gabsocial/components/bundle_column_error/bundle_column_error.scss

@@ -0,0 +1,29 @@
+.error-column {
+  color: $dark-text-color;
+  background: $ui-base-color;
+  padding: 40px;
+  cursor: default;
+  flex: 1 1 auto;
+  min-height: 160px;
+
+  @include flex(center, center, column);
+  @include text-sizing(15px, 400, 1, center);
+
+  @supports(display: grid) {
+    // hack to fix Chrome <57
+    contain: strict;
+  }
+
+  &>span {
+    max-width: 400px;
+  }
+
+  a {
+    color: $highlight-text-color;
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+}

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

@@ -0,0 +1 @@
+export { default } from './bundle_column_error';