Use data attributes for click outside instead of classNames (#12228)

We previously used classnames to exclude elements from the click outside
listener.

With this PR we can now use `data-click-outside-id` instead of
`classNames` to target the elements we want to exclude from the click
outside listener.

We can also add `data-globally-prevent-click-outside` to a component to
globally prevent triggering click outside listeners for other
components. This attribute is especially useful for confirmation modals
and snackbar items.

Fixes #11785:


https://github.com/user-attachments/assets/318baa7e-0f82-4e3a-a447-bf981328462d

packages/twenty-front/src/modules/app/components/App.tsx

@@ -30,7 +30,7 @@ export const App = () => {
               <ExceptionHandlerProvider>
                 <HelmetProvider>
                   <ClickOutsideListenerContext.Provider
-                    value={{ excludeClassName: undefined }}
+                    value={{ excludedClickOutsideId: undefined }}
                   >
                     <AppRouter />
                   </ClickOutsideListenerContext.Provider>