refactor(clerk-js): Make use of browser navigator locks property

.changeset/giant-ducks-bow.md

@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Make use of native browser navigator locks property to avoid needing to use localstorage or cookies.

packages/clerk-js/src/core/auth/safeLock.ts

@@ -10,6 +10,20 @@ export function SafeLock(key: string) {
   });
 
   const acquireLockAndRun = async (cb: () => unknown) => {
+    if ('locks' in navigator && isSecureContext) {
+      const controller = new AbortController();
+      const lockTimeout = setTimeout(() => controller.abort(), 4999);
+      return await navigator.locks
+        .request(key, { signal: controller.signal }, async () => {
+          clearTimeout(lockTimeout);
+          return await cb();
+        })
+        .catch(() => {
+          // browser-tabs-lock never seems to throw, so we are mirroring the behavior here
+          return false;
+        });
+    }
+
     if (await lock.acquireLock(key, 5000)) {
       try {
         return await cb();