Add comments count component

Remove all the translations that are left over after having unified them
in the component.

app/assets/stylesheets/application.scss

@@ -22,6 +22,7 @@
 @import "annotator_overrides";
 @import "autocomplete_overrides";
 @import "banner";
+@import "comments_count";
 @import "datepicker_overrides";
 @import "layout";
 @import "participation";

app/assets/stylesheets/comments_count.scss

@@ -0,0 +1,26 @@
+.comments-count {
+  @include has-fa-icon(comments, regular);
+
+  &::before {
+    margin-right: 0.3rem;
+  }
+
+  .legislation-comments & {
+
+    a {
+      text-decoration: underline;
+    }
+
+    &::before {
+      color: #999;
+    }
+  }
+
+  .comment-header & {
+    @include has-fa-icon(comment, solid);
+
+    &::before {
+      color: #838383;
+    }
+  }
+}

app/assets/stylesheets/layout.scss

@@ -2047,51 +2047,6 @@ table {
   width: 100%;
 }
 
-.annotation-summary,
-.budget-investment-info,
-.debate-info,
-.debate-meta,
-.debate-summary,
-.investment-project-info,
-.legislation-comments,
-.proposal-info,
-.topic-info {
-
-  .comments-count {
-    @include has-fa-icon(comments, regular);
-
-    &::before {
-      margin-right: 0.3rem;
-    }
-  }
-}
-
-.legislation-comments {
-
-  .comments-count {
-
-    a {
-      text-decoration: underline;
-    }
-
-    &::before {
-      color: #999;
-    }
-  }
-}
-
-.comment-header {
-
-  .comments-count {
-    @include has-fa-icon(comment, solid);
-
-    &::before {
-      margin-right: 0.3rem;
-      color: #838383;
-    }
-  }
-}
-
 // 16. Flags
 // ---------