[CORL-166] Live Updates on Mod Queues (#2368)

* feat: client implementation of subscriptions and modqueue live counts

* fix: unit tests

* feat: live status update in moderation

* feat: live update of new comments in moderation

* chore: View New instead of View More

* feat: fade in transition for new comments

* chore: turn websocket proxy back on

* feat: initial server impl

* fix: make it work :-)

* fix: add box shadow

* chore: make test subscriptions only support 1 top level field following the spec

* fix: linting

* feat: support clientID

* fix: linting

* feat: support commentStatusUpdated subscription

* fix: disabled styles for approve and reject button

* feat: show moderated by system and update flags

* feat: support metrics recording on websocket connections

* fix: handle when same comment enters but leaves again

src/core/client/admin/mutations/RejectCommentMutation.ts

@@ -27,6 +27,15 @@ const RejectCommentMutation = createMutation(
             comment {
               id
               status
+              statusHistory(first: 1) {
+                edges {
+                  node {
+                    moderator {
+                      username
+                    }
+                  }
+                }
+              }
             }
             moderationQueues(storyID: $storyID) {
               unmoderated {
@@ -56,9 +65,9 @@ const RejectCommentMutation = createMutation(
       },
       updater: store => {
         const connections = [
-          getQueueConnection(store, "reported", input.storyID),
-          getQueueConnection(store, "pending", input.storyID),
-          getQueueConnection(store, "unmoderated", input.storyID),
+          getQueueConnection(store, "REPORTED", input.storyID),
+          getQueueConnection(store, "PENDING", input.storyID),
+          getQueueConnection(store, "UNMODERATED", input.storyID),
         ].filter(c => c);
         connections.forEach(con =>
           ConnectionHandler.deleteNode(con, input.commentID)