[fix] Using queue instead of updated flag for store state (#1341)

[fix]: Using queue instead of updated flag for store state 

Fixes [CLNP-6886](https://sendbird.atlassian.net/browse/CLNP-6886)

### Changelogs

- Improved the store state management

### Checklist

Put an `x` in the boxes that apply. You can also fill these out after
creating the PR. If unsure, ask the members.
This is a reminder of what we look for before merging your code.

- [x] **All tests pass locally with my changes**
- [ ] **I have added tests that prove my fix is effective or that my
feature works**
- [ ] **Public components / utils / props are appropriately exported**
- [ ] I have added necessary documentation (if appropriate)


## External Contributions

This project is not yet set up to accept pull requests from external
contributors.

If you have a pull request that you believe should be accepted, please
contact
the Developer Relations team <[email protected]> with
details
and we'll evaluate if we can set up a
[CLA](https://en.wikipedia.org/wiki/Contributor_License_Agreement) to
allow for the contribution.


[CLNP-6886]:
https://sendbird.atlassian.net/browse/CLNP-6886?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

Author: chrisallo

src/utils/storeManager.ts

@@ -22,31 +22,35 @@ export function hasStateChanged<T>(prevState: T, updates: Partial<T>): boolean {
   });
 }
 
+interface StoreSetStateJob<T> {
+  partial: Partial<T> | ((state: T) => Partial<T>);
+  force?: boolean;
+}
+
 /**
  * A custom store creation utility
  */
 export function createStore<T extends object>(initialState: T): Store<T> {
   let state = { ...initialState };
+  const queue: StoreSetStateJob<T>[] = [];
   const listeners = new Set<() => void>();
-  let isUpdating = false;
-
-  const setState = (partial: Partial<T> | ((state: T) => Partial<T>), force?: boolean) => {
-    // Prevent nested updates
-    if (isUpdating) return;
 
-    try {
-      isUpdating = true;
-      const nextState = typeof partial === 'function' ? partial(state) : partial;
-      const hasChanged = hasStateChanged(state, nextState);
+  const processQueue = () => {
+    const job = queue.shift();
+    if (!job) return;
 
-      if (force || hasChanged) {
-        state = { ...state, ...nextState };
-        listeners.forEach((listener) => listener());
-      }
-    } finally {
-      isUpdating = false;
+    const { partial, force } = job;
+    const nextState = typeof partial === 'function' ? partial(state) : partial;
+    const hasChanged = hasStateChanged(state, nextState);
+    if (force || hasChanged) {
+      state = { ...state, ...nextState };
+      listeners.forEach((listener) => listener());
     }
   };
+  const setState = (partial: Partial<T> | ((state: T) => Partial<T>), force?: boolean) => {
+    queue.push({ partial, force });
+    processQueue();
+  };
 
   return {
     getState: () => state,