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/panel/trends_panel.js

@@ -0,0 +1,53 @@
+import { injectIntl, defineMessages } from 'react-intl';
+import { fetchTrends } from '../../actions/trends';
+import ImmutablePureComponent from 'react-immutable-pure-component';
+import ImmutablePropTypes from 'react-immutable-proptypes';
+import TrendingItem from '../../components/trending_item';
+import PanelLayout from './panel_layout';
+
+const messages = defineMessages({
+  title: { id:'trends.title', defaultMessage: 'Trends' },
+});
+
+const mapStateToProps = state => ({
+  trends: state.getIn(['trends', 'items']),
+});
+
+const mapDispatchToProps = dispatch => {
+  return {
+    fetchTrends: () => dispatch(fetchTrends()),
+  }
+};
+
+export default @connect(mapStateToProps, mapDispatchToProps)
+@injectIntl
+class TrendsPanel extends ImmutablePureComponent {
+
+  static propTypes = {
+    trends: ImmutablePropTypes.list.isRequired,
+    fetchTrends: PropTypes.func.isRequired,
+    intl: PropTypes.object.isRequired,
+  };
+
+  componentDidMount () {
+    this.props.fetchTrends();
+  }
+
+  render() {
+    const { intl, trends } = this.props;
+
+    if (trends.isEmpty()) {
+      return null;
+    }
+
+    return (
+      <PanelLayout id='hashtag' title={intl.formatMessage(messages.title)}>
+        <div className='panel__list'>
+          {trends && trends.map(hashtag => (
+            <TrendingItem key={hashtag.get('name')} hashtag={hashtag} />
+          ))}
+        </div>
+      </PanelLayout>
+    );
+  }
+};