HH-569: guard replayed frontend realtime messages (#144)

* fix(HH-569): guard replayed realtime messages

* fix(HH-569): gate dashboard message side effects

---------

Co-authored-by: Rogee <rogee@ipao.vip>

frontend/app/javascript/dashboard/helper/actionCable.js

@@ -100,13 +100,15 @@ class ActionCableConnector extends BaseActionCableConnector {
   // eslint-disable-next-line class-methods-use-this
   onLogout = () => AuthAPI.logout();
 
-  onMessageCreated = data => {
+  onMessageCreated = async data => {
     const {
       conversation: { last_activity_at: lastActivityAt },
       conversation_id: conversationId,
     } = data;
+    const applied = await this.app.$store.dispatch('addMessage', data);
+    if (!applied) return;
+
     DashboardAudioNotificationHelper.onNewMessage(data);
-    this.app.$store.dispatch('addMessage', data);
     this.app.$store.dispatch('updateConversationLastActivity', {
       lastActivityAt,
       conversationId,