Updated all basic components

removed unnecessary components, combined where necessary
added each component to a folder, added individual css style modules
optimized some component rendering flows
removed functional components in favor of pure components
linted and formatted all of the files

app/javascript/gabsocial/components/timeline_queue_button_header.js

@@ -1,39 +0,0 @@
-import { FormattedMessage } from 'react-intl';
-import { shortNumberFormat } from '../utils/numbers';
-import classNames from 'classnames';
-
-export default class TimelineQueueButtonHeader extends PureComponent {
-  static propTypes = {
-    onClick: PropTypes.func.isRequired,
-    count: PropTypes.number,
-    itemType: PropTypes.string,
-  };
-
-  static defaultProps = {
-    count: 0,
-    itemType: 'item',
-  };
-
-  render () {
-    const { count, itemType, onClick } = this.props;
-
-    const classes = classNames('timeline-queue-header', {
-      'hidden': (count <= 0)
-    });
-
-    return (
-      <div className={classes}>
-        <a className='timeline-queue-header__btn' onClick={onClick}>
-          {(count > 0) && <FormattedMessage
-            id='timeline_queue.label'
-            defaultMessage='Click to see {count} new {type}'
-            values={{
-              count: shortNumberFormat(count),
-              type: count == 1 ? itemType : `${itemType}s`,
-            }}
-          />}
-        </a>
-      </div>
-    );
-  }
-}