fix: add missing LayoutRenderingProvider in SettingsApplicationCustomTab (#19679)

## Summary

- `SettingsApplicationCustomTab` renders `FrontComponentRenderer` which
calls `useFrontComponentExecutionContext` →
`useLayoutRenderingContext()`, but the settings page never provided a
`LayoutRenderingProvider`
- Every other render site (side panel, command menu, record pages) wraps
`FrontComponentRenderer` with this provider — it was just missed here
- Opening the "Custom" tab in Settings → Applications crashes with:
`LayoutRenderingContext Context not found`
- Fix: wrap with `LayoutRenderingProvider` using `DASHBOARD` layout type
and no target record, matching the pattern used in
`SidePanelFrontComponentPage`

## Test plan

- [ ] Open Settings → Applications → any app with a custom settings tab
- [ ] Click the "Custom" tab — should render the front component without
crashing

🤖 Generated with [Claude Code](https://claude.com/claude-code)

---------

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
Co-authored-by: Charles Bochet <charles@twenty.com>

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

@@ -3,10 +3,7 @@ import { Suspense, lazy } from 'react';
 import { useHeadlessCommandContextApi } from '@/command-menu-item/engine-command/hooks/useHeadlessCommandContextApi';
 import { CommandComponentInstanceContext } from '@/command-menu-item/engine-command/states/contexts/CommandComponentInstanceContext';
 import { isHeadlessFrontComponentCommandContextApi } from '@/command-menu-item/engine-command/utils/isHeadlessFrontComponentCommandContextApi';
-import { LayoutRenderingProvider } from '@/ui/layout/contexts/LayoutRenderingContext';
 import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/component-state/hooks/useAvailableComponentInstanceIdOrThrow';
-import { isDefined } from 'twenty-shared/utils';
-import { PageLayoutType } from '~/generated-metadata/graphql';
 
 const FrontComponentRenderer = lazy(() =>
   import('@/front-components/components/FrontComponentRenderer').then(
@@ -27,34 +24,18 @@ export const HeadlessFrontComponentRendererEngineCommand = () => {
     );
   }
 
-  const objectNameSingular = context.objectMetadataItem?.nameSingular;
-
   const recordId =
     context.selectedRecords.length === 1
       ? context.selectedRecords[0].id
       : undefined;
 
-  // TODO: Remove layout rendering provider once we have refactored FrontComponentRenderer to have one headless renderer and a standard renderer
   return (
     <Suspense fallback={null}>
-      <LayoutRenderingProvider
-        value={{
-          targetRecordIdentifier:
-            isDefined(objectNameSingular) && isDefined(recordId)
-              ? {
-                  id: recordId,
-                  targetObjectNameSingular: objectNameSingular,
-                }
-              : undefined,
-          layoutType: PageLayoutType.DASHBOARD,
-          isInSidePanel: false,
-        }}
-      >
-        <FrontComponentRenderer
-          frontComponentId={context.frontComponentId}
-          commandMenuItemId={commandMenuItemId}
-        />
-      </LayoutRenderingProvider>
+      <FrontComponentRenderer
+        frontComponentId={context.frontComponentId}
+        commandMenuItemId={commandMenuItemId}
+        recordId={recordId}
+      />
     </Suspense>
   );
 };