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

@@ -0,0 +1,40 @@
+import { FormattedMessage } from 'react-intl';
+
+import './error_boundary.scss';
+
+export default class ErrorBoundary extends PureComponent {
+
+  static propTypes = {
+    children: PropTypes.node,
+  };
+
+  state = {
+    hasError: false,
+    stackTrace: undefined,
+    componentStack: undefined,
+  }
+
+  componentDidCatch(error, info) {
+    this.setState({
+      hasError: true,
+      stackTrace: error.stack,
+      componentStack: info && info.componentStack,
+    });
+  }
+
+  render() {
+    const { hasError } = this.state;
+
+    if (!hasError) return this.props.children;
+
+    return (
+      <div className='error-boundary'>
+        <div className='error-boundary__container'>
+          <FormattedMessage id='alert.unexpected.message' defaultMessage='Error' />
+          <a className='error-boundary__link' href='/home'>Return Home</a>
+        </div>
+      </div>
+    );
+  }
+
+}

app/javascript/gabsocial/components/error_boundary/error_boundary.scss

@@ -1,6 +1,6 @@
 .error-boundary {
   &__container {
-    margin: auto;
+    @include margin-center(auto);
   }
 
   span {
@@ -11,8 +11,9 @@
 
   &__link {
     display: block;
-    margin: 15px auto;
     text-align: center;
     color: $gab-brand-default;
+
+    @include margin-center(15px);
   }
 }

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

@@ -1,40 +1 @@
-import { FormattedMessage } from 'react-intl';
-
-import './index.scss';
-
-export default class ErrorBoundary extends PureComponent {
-
-  static propTypes = {
-    children: PropTypes.node,
-  };
-
-  state = {
-    hasError: false,
-    stackTrace: undefined,
-    componentStack: undefined,
-  }
-
-  componentDidCatch(error, info) {
-    this.setState({
-      hasError: true,
-      stackTrace: error.stack,
-      componentStack: info && info.componentStack,
-    });
-  }
-
-  render() {
-    const { hasError } = this.state;
-
-    if (!hasError) return this.props.children;
-
-    return (
-      <div className='error-boundary'>
-        <div className='error-boundary__container'>
-          <FormattedMessage id='alert.unexpected.message' defaultMessage='Error' />
-          <a className='error-boundary__link' href='/home'>Return Home</a>
-        </div>
-      </div>
-    );
-  }
-
-}
+export { default } from './error_boundary';