Add composites subfield selection in the graph editor (#14931)

Closes https://github.com/twentyhq/core-team-issues/issues/1638
Closes https://github.com/twentyhq/core-team-issues/issues/1623



https://github.com/user-attachments/assets/2dddadaa-781b-497d-b454-0066d599bda3

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>

packages/twenty-front/src/modules/command-menu/components/CommandMenuItemDropdown.tsx

@@ -2,11 +2,13 @@ import {
   CommandMenuItem,
   type CommandMenuItemProps,
 } from '@/command-menu/components/CommandMenuItem';
+import { COMMAND_MENU_LIST_SELECTABLE_LIST_ID } from '@/command-menu/constants/CommandMenuListSelectableListId';
 import {
   Dropdown,
   type DropdownProps,
 } from '@/ui/layout/dropdown/components/Dropdown';
 import { isDropdownOpenComponentState } from '@/ui/layout/dropdown/states/isDropdownOpenComponentState';
+import { useSelectableList } from '@/ui/layout/selectable-list/hooks/useSelectableList';
 import { useRecoilComponentValue } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValue';
 
 export type CommandMenuItemDropdownProps = CommandMenuItemProps &
@@ -34,6 +36,10 @@ export const CommandMenuItemDropdown = ({
     dropdownId,
   );
 
+  const { setSelectedItemId } = useSelectableList(
+    COMMAND_MENU_LIST_SELECTABLE_LIST_ID,
+  );
+
   return (
     <Dropdown
       clickableComponent={
@@ -55,6 +61,9 @@ export const CommandMenuItemDropdown = ({
       dropdownPlacement={dropdownPlacement}
       dropdownOffset={dropdownOffset}
       disableClickForClickableComponent={disabled}
+      onOpen={() => {
+        setSelectedItemId(id);
+      }}
     />
   );
 };