7499 refactor right drawer to have contextual actions (#7954)

Closes #7499
- Modifies context store states to be component states
- Introduces the concept of `mainContextStore` which will dictate the
available actions inside the command K
- Adds contextual actions inside the right drawer
- Creates a new type of modal variant

packages/twenty-front/src/testing/jest/getJestMetadataAndApolloMocksAndContextStoreWrapper.tsx

@@ -1,4 +1,5 @@
-import { ContextStoreTargetedRecordsRule } from '@/context-store/states/contextStoreTargetedRecordsRuleState';
+import { ContextStoreComponentInstanceContext } from '@/context-store/states/contexts/ContextStoreComponentInstanceContext';
+import { ContextStoreTargetedRecordsRule } from '@/context-store/states/contextStoreTargetedRecordsRuleComponentState';
 import { MockedResponse } from '@apollo/client/testing';
 import { ReactNode } from 'react';
 import { MutableSnapshot } from 'recoil';
@@ -10,6 +11,7 @@ export const getJestMetadataAndApolloMocksAndContextStoreWrapper = ({
   onInitializeRecoilSnapshot,
   contextStoreTargetedRecordsRule,
   contextStoreCurrentObjectMetadataNameSingular,
+  componentInstanceId,
 }: {
   apolloMocks:
     | readonly MockedResponse<Record<string, any>, Record<string, any>>[]
@@ -17,6 +19,7 @@ export const getJestMetadataAndApolloMocksAndContextStoreWrapper = ({
   onInitializeRecoilSnapshot?: (snapshot: MutableSnapshot) => void;
   contextStoreTargetedRecordsRule?: ContextStoreTargetedRecordsRule;
   contextStoreCurrentObjectMetadataNameSingular?: string;
+  componentInstanceId: string;
 }) => {
   const Wrapper = getJestMetadataAndApolloMocksWrapper({
     apolloMocks,
@@ -24,14 +27,20 @@ export const getJestMetadataAndApolloMocksAndContextStoreWrapper = ({
   });
   return ({ children }: { children: ReactNode }) => (
     <Wrapper>
-      <JestContextStoreSetter
-        contextStoreTargetedRecordsRule={contextStoreTargetedRecordsRule}
-        contextStoreCurrentObjectMetadataNameSingular={
-          contextStoreCurrentObjectMetadataNameSingular
-        }
+      <ContextStoreComponentInstanceContext.Provider
+        value={{
+          instanceId: componentInstanceId,
+        }}
       >
-        {children}
-      </JestContextStoreSetter>
+        <JestContextStoreSetter
+          contextStoreTargetedRecordsRule={contextStoreTargetedRecordsRule}
+          contextStoreCurrentObjectMetadataNameSingular={
+            contextStoreCurrentObjectMetadataNameSingular
+          }
+        >
+          {children}
+        </JestContextStoreSetter>
+      </ContextStoreComponentInstanceContext.Provider>
     </Wrapper>
   );
 };