App: [$250] [Bug] ActiveClientManager doesn't track the currently active tab well and needs improved

Problem

The purpose of ActiveClientManager is to ensure that when there are multiple tabs open, only one tab handles write requests. There are a few bugs with this.

In order to test this, I used the following diff and then ran ActiveClientManager.isClientTheLeader() from the command line.

diff --git a/src/setup/addUtilsToWindow.ts b/src/setup/addUtilsToWindow.ts
index d2d11e1384..30419a5eb5 100644
--- a/src/setup/addUtilsToWindow.ts
+++ b/src/setup/addUtilsToWindow.ts
@@ -1,6 +1,7 @@
 import Onyx from 'react-native-onyx';
 import * as Environment from '@libs/Environment/Environment';
 import markAllPolicyReportsAsRead from '@libs/markAllPolicyReportsAsRead';
+import * as ActiveClientManager from '@libs/ActiveClientManager';
 import * as Session from '@userActions/Session';

 /**
@@ -49,5 +50,7 @@ export default function addUtilsToWindow() {
         // Workaround to give employees the ability to mark reports as read via the JS console
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         (window as any).markAllPolicyReportsAsRead = markAllPolicyReportsAsRead;
+
+        window.ActiveClientManager = ActiveClientManager;
     });
 }