Translation followup (#9735)

Address PR comments and more progress on translation

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

@@ -13,6 +13,7 @@ import { AppHotkeyScope } from '@/ui/utilities/hotkey/types/AppHotkeyScope';
 import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile';
 import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper';
 import styled from '@emotion/styled';
+import { useLingui } from '@lingui/react/macro';
 import { useRecoilValue } from 'recoil';
 import { isDefined } from 'twenty-ui';
 
@@ -56,6 +57,8 @@ const StyledEmpty = styled.div`
 `;
 
 export const CommandMenu = () => {
+  const { t } = useLingui();
+
   const { onItemClick } = useCommandMenuOnItemClick();
 
   const commandMenuSearch = useRecoilValue(commandMenuSearchState);
@@ -99,51 +102,51 @@ export const CommandMenu = () => {
 
   const commandGroups: CommandGroupConfig[] = [
     {
-      heading: 'Copilot',
+      heading: t`Copilot`,
       items: copilotCommands,
     },
     {
-      heading: 'Record Selection',
+      heading: t`Record Selection`,
       items: matchingStandardActionRecordSelectionCommands,
     },
     {
-      heading: 'Workflow Record Selection',
+      heading: t`Workflow Record Selection`,
       items: matchingWorkflowRunRecordSelectionCommands,
     },
     {
-      heading: 'View',
+      heading: t`View`,
       items: matchingStandardActionGlobalCommands,
     },
     {
-      heading: 'Workflows',
+      heading: t`Workflows`,
       items: matchingWorkflowRunGlobalCommands,
     },
     {
-      heading: 'Navigate',
+      heading: t`Navigate`,
       items: matchingNavigateCommand,
     },
     {
-      heading: 'People',
+      heading: t`People`,
       items: peopleCommands,
     },
     {
-      heading: 'Companies',
+      heading: t`Companies`,
       items: companyCommands,
     },
     {
-      heading: 'Opportunities',
+      heading: t`Opportunities`,
       items: opportunityCommands,
     },
     {
-      heading: 'Notes',
+      heading: t`Notes`,
       items: noteCommands,
     },
     {
-      heading: 'Tasks',
+      heading: t`Tasks`,
       items: tasksCommands,
     },
     {
-      heading: 'Custom Objects',
+      heading: t`Custom Objects`,
       items: customObjectCommands,
     },
   ];

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

@@ -97,9 +97,7 @@ export const CommandMenuContainer = ({
               initial="closed"
               exit="closed"
               variants={COMMAND_MENU_ANIMATION_VARIANTS}
-              transition={{
-                duration: theme.animation.duration.normal,
-              }}
+              transition={{ duration: theme.animation.duration.normal }}
             >
               {children}
             </StyledCommandMenu>

packages/twenty-front/src/modules/command-menu/components/__stories__/CommandMenu.stories.tsx

@@ -19,6 +19,7 @@ import { ActionMenuComponentInstanceContext } from '@/action-menu/states/context
 import { CommandMenuRouter } from '@/command-menu/components/CommandMenuRouter';
 import { isCommandMenuOpenedState } from '@/command-menu/states/isCommandMenuOpenedState';
 import { ContextStoreComponentInstanceContext } from '@/context-store/states/contexts/ContextStoreComponentInstanceContext';
+import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { JestContextStoreSetter } from '~/testing/jest/JestContextStoreSetter';
 import { CommandMenu } from '../CommandMenu';
 
@@ -65,6 +66,7 @@ const meta: Meta<typeof CommandMenu> = {
     ObjectMetadataItemsDecorator,
     SnackBarDecorator,
     ComponentWithRouterDecorator,
+    I18nFrontDecorator,
   ],
   parameters: {
     msw: graphqlMocks,