fix(avmoderation,breakout-rooms) dispose handlers when leaving

Both of this features listen for events in the XMPP connection. Thus, if we join
another meeting over the same connection we might still receive some events on
the old event handler.

Stop listening for events from the components as soon as the leave operation is
triggered.

modules/xmpp/AVModeration.js

@@ -29,7 +29,15 @@ export default class AVModeration {
         this._whitelistAudio = [];
         this._whitelistVideo = [];
 
-        this._xmpp.addListener(XMPPEvents.AV_MODERATION_RECEIVED, this._onMessage.bind(this));
+        this._onMessage = this._onMessage.bind(this);
+        this._xmpp.addListener(XMPPEvents.AV_MODERATION_RECEIVED, this._onMessage);
+    }
+
+    /**
+     * Stops listening for events.
+     */
+    dispose() {
+        this._xmpp.removeListener(XMPPEvents.AV_MODERATION_RECEIVED, this._onMessage);
     }
 
     /**

modules/xmpp/BreakoutRooms.js

@@ -29,11 +29,19 @@ export default class BreakoutRooms {
     constructor(room) {
         this.room = room;
 
-        this.room.xmpp.addListener(XMPPEvents.BREAKOUT_ROOMS_EVENT, this._handleMessages.bind(this));
+        this._handleMessages = this._handleMessages.bind(this);
+        this.room.xmpp.addListener(XMPPEvents.BREAKOUT_ROOMS_EVENT, this._handleMessages);
 
         this._rooms = {};
     }
 
+    /**
+     * Stops listening for events.
+     */
+    dispose() {
+        this.room.xmpp.removeListener(XMPPEvents.BREAKOUT_ROOMS_EVENT, this._handleMessages);
+    }
+
     /**
      * Creates a breakout room with the given subject.
      *

modules/xmpp/ChatRoom.js

@@ -1849,6 +1849,9 @@ export default class ChatRoom extends Listenable {
      * rejected.
      */
     leave() {
+        this.avModeration.dispose();
+        this.breakoutRooms.dispose();
+
         const promises = [];
 
         this.lobby?.lobbyRoom && promises.push(this.lobby.leave());