forum: change BUR counts to status labels.

Use pending / approved / rejected status labels in front of the topic
title instead of a BUR count column. This is to make the forum listing
easier to visually scan for resolved vs unresolved topics.

Labels are only added for topics in the Tags category. This is a hack to
avoid labels on megathreads that have had BURs mistakenly attached to them.

[APPROVED] and [REJECTED] labels are stripped from thread titles to make
the titles cleaner. This is a hack until these titles can be fixed.

app/javascript/src/styles/base/040_colors.css

@@ -62,6 +62,9 @@
   --forum-vote-meh-color: goldenrod;
   --forum-vote-down-color: red;
   --forum-topic-status-new-color: red;
+  --forum-topic-status-pending-color: red;
+  --forum-topic-status-approved-color: green;
+  --forum-topic-status-rejected-color: green;
 
   --moderation-report-text-color: red;
   --moderation-report-border: 2px solid red;
@@ -325,6 +328,9 @@ body[data-current-user-theme="dark"] {
   --forum-vote-meh-color: var(--yellow-1);
   --forum-vote-down-color: var(--red-1);
   --forum-topic-status-new-color: var(--red-1);
+  --forum-topic-status-pending-color: var(--red-1);
+  --forum-topic-status-approved-color: var(--green-1);
+  --forum-topic-status-rejected-color: var(--green-1);
 
   --moderation-report-text-color: var(--red-1);
   --moderation-report-border: 2px solid var(--red-1);

app/javascript/src/styles/specific/forum.scss

@@ -57,6 +57,18 @@ div#c-forum-topics {
     &.new {
       color: var(--forum-topic-status-new-color);
     }
+
+    &.pending {
+      color: var(--forum-topic-status-pending-color);
+    }
+
+    &.approved {
+      color: var(--forum-topic-status-approved-color);
+    }
+
+    &.rejected {
+      color: var(--forum-topic-status-rejected-color);
+    }
   }
 
   #a-index {