Implemented useListenClickOutside V2 (#3507)

* Implemented useListenClickOutside V2

* Removed lock and implemented a toggle instead

packages/twenty-front/src/modules/ui/utilities/pointer-event/states/clickOutsideListenerIsActivatedStateScopeMap.ts

@@ -0,0 +1,7 @@
+import { createStateScopeMap } from '@/ui/utilities/recoil-scope/utils/createStateScopeMap';
+
+export const clickOutsideListenerIsActivatedStateScopeMap =
+  createStateScopeMap<boolean>({
+    key: 'clickOutsideListenerIsActivatedStateScopeMap',
+    defaultValue: true,
+  });

packages/twenty-front/src/modules/ui/utilities/pointer-event/states/clickOutsideListenerIsMouseDownInsideStateScopeMap.ts

@@ -0,0 +1,7 @@
+import { createStateScopeMap } from '@/ui/utilities/recoil-scope/utils/createStateScopeMap';
+
+export const clickOutsideListenerIsMouseDownInsideStateScopeMap =
+  createStateScopeMap<boolean>({
+    key: 'clickOutsideListenerIsMouseDownInsideStateScopeMap',
+    defaultValue: false,
+  });

packages/twenty-front/src/modules/ui/utilities/pointer-event/states/lockedListenerIdState.ts

@@ -0,0 +1,6 @@
+import { atom } from 'recoil';
+
+export const lockedListenerIdState = atom<string | null>({
+  key: 'lockedListenerIdState',
+  default: null,
+});