[Headless Front component] Support multiple selected record (#20268)

# Introduction

Support multiple selected record ids for headless front components

### Changes

**Added:**
- `recordIds: string[]` field to `FrontComponentExecutionContext`
- `useRecordIds()` hook to get all selected record IDs

**Deprecated:**
- `recordId` field - use `recordIds` instead
- `useRecordId()` hook - use `useRecordIds()` instead

Backward compatibility is preserved

packages/twenty-front/src/modules/command-menu-item/engine-command/components/HeadlessFrontComponentRendererEngineCommand.tsx

@@ -24,17 +24,14 @@ export const HeadlessFrontComponentRendererEngineCommand = () => {
     );
   }
 
-  const recordId =
-    context.selectedRecords.length === 1
-      ? context.selectedRecords[0].id
-      : undefined;
+  const selectedRecordIds = context.selectedRecords.map((record) => record.id);
 
   return (
     <Suspense fallback={null}>
       <FrontComponentRenderer
         frontComponentId={context.frontComponentId}
         commandMenuItemId={commandMenuItemId}
-        recordId={recordId}
+        selectedRecordIds={selectedRecordIds}
       />
     </Suspense>
   );