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/components/editable-cell/EditableCell.tsx

@@ -0,0 +1,84 @@
+import { ReactElement, useRef } from 'react';
+import { useOutsideAlerter } from '../../hooks/useOutsideAlerter';
+import { useHotkeys } from 'react-hotkeys-hook';
+import { CellBaseContainer } from './CellBaseContainer';
+import { CellEditModeContainer } from './CellEditModeContainer';
+import { CellNormalModeContainer } from './CellNormalModeContainer';
+
+type OwnProps = {
+  editModeContent: ReactElement;
+  nonEditModeContent: ReactElement;
+  editModeHorizontalAlign?: 'left' | 'right';
+  editModeVerticalPosition?: 'over' | 'below';
+  isEditMode?: boolean;
+  isCreateMode?: boolean;
+  onOutsideClick?: () => void;
+  onInsideClick?: () => void;
+};
+
+export function EditableCell({
+  editModeContent,
+  nonEditModeContent,
+  editModeHorizontalAlign = 'left',
+  editModeVerticalPosition = 'over',
+  isEditMode = false,
+  onOutsideClick,
+  onInsideClick,
+}: OwnProps) {
+  const wrapperRef = useRef(null);
+  const editableContainerRef = useRef(null);
+
+  useOutsideAlerter(wrapperRef, () => {
+    onOutsideClick?.();
+  });
+
+  useHotkeys(
+    'esc',
+    () => {
+      if (isEditMode) {
+        onOutsideClick?.();
+      }
+    },
+    {
+      preventDefault: true,
+      enableOnContentEditable: true,
+      enableOnFormTags: true,
+    },
+    [isEditMode, onOutsideClick],
+  );
+
+  useHotkeys(
+    'enter',
+    () => {
+      if (isEditMode) {
+        onOutsideClick?.();
+      }
+    },
+    {
+      preventDefault: true,
+      enableOnContentEditable: true,
+      enableOnFormTags: true,
+    },
+    [isEditMode, onOutsideClick],
+  );
+
+  return (
+    <CellBaseContainer
+      ref={wrapperRef}
+      onClick={() => {
+        onInsideClick && onInsideClick();
+      }}
+    >
+      <CellNormalModeContainer>{nonEditModeContent}</CellNormalModeContainer>
+      {isEditMode && (
+        <CellEditModeContainer
+          ref={editableContainerRef}
+          editModeHorizontalAlign={editModeHorizontalAlign}
+          editModeVerticalPosition={editModeVerticalPosition}
+        >
+          {editModeContent}
+        </CellEditModeContainer>
+      )}
+    </CellBaseContainer>
+  );
+}