UX: reviewq flagging (#20913)

* DEV: add context question to flagged chat messages too

* UX: added -ai-flagged badge colour + grey fallback

* UX: add one more badge name

app/assets/javascripts/discourse/app/components/reviewable-item.hbs

@@ -68,7 +68,12 @@
     {{/if}}
   </div>
 
-  {{#if (eq this.reviewable.type "ReviewableFlaggedPost")}}
+  {{#if
+    (or
+      (eq this.reviewable.type "ReviewableFlaggedPost")
+      (eq this.reviewable.type "ReviewableChatMessage")
+    )
+  }}
     {{#if (eq this.reviewable.status 0)}}
       <h3 class="reviewable-item__context-question">
         {{this.reviewable.flaggedPostContextQuestion}}

app/assets/stylesheets/common/base/reviewables.scss

@@ -231,10 +231,13 @@
       font-size: var(--font-down-2);
       color: var(--secondary);
       border-radius: 8px;
+      background-color: var(--secondary-high);
       &.-flagged-post,
       &.-flagged-chat-message,
       &.-akismet-flagged-post,
-      &.-akismet-flagged-user {
+      &.-akismet-flagged-user,
+      &.-ai-flagged-post,
+      &.-ai-flagged-chat-message {
         background-color: var(--danger-medium);
       }
       &.-queued-post,