update classes to follow talk naming convention

plugins/talk-plugin-featured-comments/client/components/Tag.js

@@ -34,7 +34,7 @@ export default class Tag extends React.Component {
       <span className={cn(styles.tagContainer, styles.noSelect)} onMouseEnter={this.showTooltip}
         onMouseLeave={this.hideTooltip} onTouchStart={this.showTooltip}
         onTouchEnd={this.hideTooltip} >
-        <span className={cn(styles.tag, styles.noSelect, {[styles.on]: tooltip}, 'featuredTagLabel')}>
+        <span className={cn(styles.tag, styles.noSelect, {[styles.on]: tooltip}, 'talk-stream-comment-featured-tag-label')}>
           {t('talk-plugin-featured-comments.featured')}
         </span>
         {tooltip && <Tooltip className={styles.tooltip} />}

plugins/talk-plugin-like/client/LikeButton.js

@@ -35,7 +35,7 @@ class LikeButton extends React.Component {
     return (
       <div className={cn(styles.container, `${plugin}-container`)}>
         <button
-          className={cn(styles.button, {[styles.liked, 'likedButton']: alreadyReacted}, `${plugin}-button`)}
+          className={cn(styles.button, {[styles.liked, 'talk-plugin-like-liked']: alreadyReacted}, `${plugin}-button`)}
           onClick={this.handleClick}
         >
           <span className={cn(`${plugin}-label`, styles.label)}>

plugins/talk-plugin-offtopic/client/components/OffTopicTag.js

@@ -8,7 +8,7 @@ export default (props) => (
   <span>
     {
       isTagged(props.comment.tags, 'OFF_TOPIC') && props.depth === 0 ? (
-        <span className={cn(styles.tag, 'offTopicTagLabel')}>
+        <span className={cn(styles.tag, 'talk-stream-comment-offtopic-tag-label')}>
           {t('off_topic')}
         </span>
       ) : null

plugins/talk-plugin-permalink/client/components/PermalinkButton.js

@@ -73,7 +73,7 @@ export default class PermalinkButton extends React.Component {
             ref={(ref) => this.linkButton = ref}
             onClick={this.toggle}
             className={cn(`${name}-button`, styles.button)}>
-            <span className='permalinkButtonLabel'>
+            <span className='talk-plugin-permalink-button-label'>
               {t('permalink')}
             </span>
             <Icon name="link" className={styles.icon}/>

plugins/talk-plugin-respect/client/RespectButton.js

@@ -35,7 +35,7 @@ class RespectButton extends React.Component {
     return (
       <div className={cn(styles.container, `${plugin}-container`)}>
         <button
-          className={cn(styles.button, {[styles.respected, 'respectedButton']: alreadyReacted}, `${plugin}-button`)}
+          className={cn(styles.button, {[styles.respected, 'talk-plugin-respect-respected']: alreadyReacted}, `${plugin}-button`)}
           onClick={this.handleClick}
         >
           <span className={cn(`${plugin}-label`, styles.label)}>