Lucas/t 231 timebox i can create a company at the same time im creating (#140)

This PR is a bit messy:

adding graphql schema
adding create company creation on company select on People page
some frontend refactoring to be continued

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/modules/ui/hooks/useListenClickOutsideArrayOfRef.ts

@@ -0,0 +1,34 @@
+import React, { useEffect } from 'react';
+import { isDefined } from '../../utils/type-guards/isDefined';
+
+export function useListenClickOutsideArrayOfRef<T extends HTMLElement>(
+  arrayOfRef: Array<React.RefObject<T>>,
+  outsideClickCallback: (event?: MouseEvent) => void,
+) {
+  useEffect(() => {
+    function handleClickOutside(event: any) {
+      const clickedOnAtLeastOneRef = arrayOfRef
+        .filter((ref) => !!ref.current)
+        .some((ref) => ref.current?.contains(event.target as Node));
+
+      if (!clickedOnAtLeastOneRef) {
+        outsideClickCallback(event);
+      }
+    }
+
+    const hasAtLeastOneRefDefined = arrayOfRef.some((ref) =>
+      isDefined(ref.current),
+    );
+
+    if (hasAtLeastOneRefDefined) {
+      document.addEventListener('mousedown', handleClickOutside);
+      document.addEventListener('touchstart', handleClickOutside);
+    }
+
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+      document.removeEventListener('touchstart', handleClickOutside);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [arrayOfRef, outsideClickCallback]);
+}