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_link/column_link.js

@@ -0,0 +1,22 @@
+import { Link } from 'react-router-dom';
+import Icon from '../../components/icon';
+
+export default class ColumnLink extends PureComponent {
+
+  static propTypes = {
+    icon: PropTypes.string.isRequired,
+    text: PropTypes.string.isRequired,
+    to: PropTypes.string,
+  };
+
+  render() {
+    const { to, icon, text } = this.props;
+
+    return (
+      <Link to={to} className='column-link'>
+        <Icon id={icon} fixedWidth className='column-link__icon' />
+        {text}
+      </Link>
+    );
+  }
+};

app/javascript/gabsocial/components/column_link/column_link.scss

@@ -0,0 +1,39 @@
+.column-link {
+  background: lighten($ui-base-color, 8%);
+  color: $primary-text-color;
+  display: block;
+  font-size: 16px;
+  padding: 15px;
+  text-decoration: none;
+
+  &:hover,
+  &:focus,
+  &:active {
+    background: lighten($ui-base-color, 11%);
+  }
+
+  &:focus {
+    outline: 0;
+  }
+
+  &--transparent {
+    background: transparent;
+    color: $ui-secondary-color;
+
+    &:hover,
+    &:focus,
+    &:active {
+      background: transparent;
+      color: $primary-text-color;
+    }
+
+    &.active {
+      color: $ui-highlight-color;
+    }
+  }
+
+  &__icon {
+    display: inline-block;
+    margin-right: 5px;
+  }
+}

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

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