Right drawer to edit records (#5551)

This PR introduces a new side panel to edit records and the ability to
minimize the side panel.

The goal is leverage this sidepanel to be able to create records while
being in another show page.

I'm opening the PR for feedback since it involved refactoring and
therefore already touches a lot of files, even though it was quick to
implement.

<img width="1503" alt="Screenshot 2024-05-23 at 17 41 37"
src="https://github.com/twentyhq/twenty/assets/6399865/6f17e7a8-f4e9-4eb4-b392-c756db7198ac">

packages/twenty-front/src/modules/object-record/hooks/useCreateOneRecord.ts

@@ -1,3 +1,4 @@
+import { useState } from 'react';
 import { useApolloClient } from '@apollo/client';
 import { v4 } from 'uuid';
 
@@ -28,6 +29,7 @@ export const useCreateOneRecord = <
   skipPostOptmisticEffect = false,
 }: useCreateOneRecordProps) => {
   const apolloClient = useApolloClient();
+  const [loading, setLoading] = useState(false);
 
   const { objectMetadataItem } = useObjectMetadataItem({
     objectNameSingular,
@@ -50,6 +52,8 @@ export const useCreateOneRecord = <
   const { objectMetadataItems } = useObjectMetadataItems();
 
   const createOneRecord = async (input: Partial<CreatedObjectRecord>) => {
+    setLoading(true);
+
     const idForCreation = input.id ?? v4();
 
     const sanitizedInput = {
@@ -94,6 +98,7 @@ export const useCreateOneRecord = <
           recordsToCreate: [record],
           objectMetadataItems,
         });
+        setLoading(false);
       },
     });
 
@@ -102,5 +107,6 @@ export const useCreateOneRecord = <
 
   return {
     createOneRecord,
+    loading,
   };
 };