Fix(front): notes relation picker (#2034)

* Fix notes relation picker

Co-authored-by: v1b3m <vibenjamin6@gmail.com>

* fix import

---------

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: bosiraphael <raphael.bosi@gmail.com>
Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/modules/activities/notes/components/NoteCard.tsx

@@ -1,7 +1,12 @@
+import { useMemo } from 'react';
 import styled from '@emotion/styled';
 
 import { ActivityRelationEditableField } from '@/activities/editable-fields/components/ActivityRelationEditableField';
 import { useOpenActivityRightDrawer } from '@/activities/hooks/useOpenActivityRightDrawer';
+import {
+  FieldContext,
+  GenericFieldContextType,
+} from '@/ui/data/field/contexts/FieldContext';
 import { Activity, ActivityTarget } from '~/generated/graphql';
 
 const StyledCard = styled.div`
@@ -71,7 +76,13 @@ export const NoteCard = ({
     ?.content.map((x: any) => x.text)
     .join('\n');
 
+  const fieldContext = useMemo(
+    () => ({ recoilScopeId: note?.id ?? '' }),
+    [note?.id],
+  );
+
   return (
+    <FieldContext.Provider value={fieldContext as GenericFieldContextType}>
       <StyledCard>
         <StyledCardDetailsContainer
           onClick={() => openActivityRightDrawer(note.id)}
@@ -83,5 +94,6 @@ export const NoteCard = ({
           <ActivityRelationEditableField activity={note} />
         </StyledFooter>
       </StyledCard>
+    </FieldContext.Provider>
   );
 };