Another 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 group page components.

app/javascript/gabsocial/features/follow_requests/components/account_authorize/account_authorize.js

@@ -53,7 +53,7 @@ class AccountAuthorize extends ImmutablePureComponent {
     return (
       <div className='account-authorize__wrapper'>
         <div className='account-authorize'>
-          <Permalink href={`/${account.get('acct')}`} to={`/${account.get('acct')}`} className='detailed-status__display-name'>
+          <Permalink href={`/${account.get('acct')}`} to={`/${account.get('acct')}`} className='account-authorize__display-name'>
             <div className='account-authorize__avatar'>
               <Avatar account={account} size={48} />
             </div>

app/javascript/gabsocial/features/follow_requests/components/account_authorize/account_authorize.scss

@@ -6,9 +6,53 @@
     margin-right: 10px;
   }
 
-  .detailed-status__display-name {
+  &__display-name {
     display: block;
+    color: $secondary-text-color;
     margin-bottom: 15px;
+    line-height: 24px;
     overflow: hidden;
+
+    strong,
+    span {
+      display: block;
+      text-overflow: ellipsis;
+      overflow: hidden;
+    }
+
+    strong {
+      font-size: 16px;
+      color: $primary-text-color;
+    }
+
+    &:hover strong {
+      text-decoration: underline;
+    }
+  }
+}
+
+.account__header__content {
+  color: $darker-text-color;
+  font-size: 14px;
+  font-weight: 400;
+  overflow: hidden;
+  word-break: normal;
+  word-wrap: break-word;
+
+  p {
+    margin-bottom: 20px;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  a {
+    color: inherit;
+    text-decoration: underline;
+
+    &:hover {
+      text-decoration: none;
+    }
   }
 }

app/javascript/gabsocial/features/follow_requests/index.js

@@ -44,15 +44,13 @@ class FollowRequests extends ImmutablePureComponent {
       return (<ColumnIndicator type='loading' />);
     }
 
-    const emptyMessage = <FormattedMessage id='empty_column.follow_requests' defaultMessage="You don't have any follow requests yet. When you receive one, it will show up here." />;
-
     return (
       <Column icon='user-plus' heading={intl.formatMessage(messages.heading)} backBtn='slim'>
         <ScrollableList
           scrollKey='follow_requests'
           onLoadMore={this.handleLoadMore}
           hasMore={hasMore}
-          emptyMessage={emptyMessage}
+          emptyMessage={<FormattedMessage id='empty_column.follow_requests' defaultMessage="You don't have any follow requests yet. When you receive one, it will show up here." />}
         >
           {accountIds.map(id =>
             <AccountAuthorize key={id} id={id} />