fix(xmpp) Adds logs for shard changed events

Author: jallamsetty1

modules/xmpp/XmppConnection.ts

@@ -572,7 +572,10 @@ export default class XmppConnection extends Listenable {
 
                 const responseShard = response.headers.get('x-jitsi-shard');
 
-                if (responseShard !== shard) {
+                !responseShard && logger.warn('No x-jitsi-shard header present in keep-alive response');
+
+                // Ignore if no shard header is present.
+                if (responseShard && responseShard !== shard) {
                     logger.error(
                         `Detected that shard changed from ${shard} to ${responseShard}`);
                     this.eventEmitter.emit(XmppConnection.Events.CONN_SHARD_CHANGED);

modules/xmpp/xmpp.ts

@@ -352,11 +352,13 @@ export default class XMPP extends Listenable {
             /* eslint-enable camelcase */
 
             if (this.options.testing?.enableGracefulReconnect) {
+                logger.debug('Shard changed, attempting graceful reconnect');
                 this.eventEmitter.emit(
                     JitsiConnectionEvents.CONNECTION_FAILED,
                     JitsiConnectionErrors.SHARD_CHANGED_ERROR
                 );
             } else {
+                logger.error('Shard changed, kicking the user off the conference and forcing reload', JSON.stringify(details));
                 this.eventEmitter.emit(
                     JitsiConnectionEvents.CONNECTION_FAILED,
                     JitsiConnectionErrors.OTHER_ERROR,