Translation followup (#9735)

Address PR comments and more progress on translation

packages/twenty-front/src/modules/ui/layout/modal/components/ConfirmationModal.tsx

@@ -15,6 +15,7 @@ import { useDebouncedCallback } from 'use-debounce';
 import { TextInput } from '@/ui/input/components/TextInput';
 
 import { Modal, ModalVariants } from '@/ui/layout/modal/components/Modal';
+import { useLingui } from '@lingui/react/macro';
 
 export type ConfirmationModalProps = {
   isOpen: boolean;
@@ -69,13 +70,14 @@ export const ConfirmationModal = ({
   subtitle,
   setIsOpen,
   onConfirmClick,
-  deleteButtonText = 'Delete',
+  deleteButtonText = `Delete`,
   confirmationValue,
   confirmationPlaceholder,
   confirmButtonAccent = 'danger',
   AdditionalButtons,
   modalVariant = 'primary',
 }: ConfirmationModalProps) => {
+  const { t } = useLingui();
   const [inputConfirmationValue, setInputConfirmationValue] =
     useState<string>('');
   const [isValidValue, setIsValidValue] = useState(!confirmationValue);
@@ -146,7 +148,7 @@ export const ConfirmationModal = ({
                 setIsOpen(false);
               }}
               variant="secondary"
-              title="Cancel"
+              title={t`Cancel`}
               fullWidth
             />
 

packages/twenty-front/src/modules/ui/layout/modal/components/__stories__/ConfirmationModal.stories.tsx

@@ -1,12 +1,13 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { ComponentDecorator } from 'twenty-ui';
 
+import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { ConfirmationModal } from '../ConfirmationModal';
 
 const meta: Meta<typeof ConfirmationModal> = {
   title: 'UI/Layout/Modal/ConfirmationModal',
   component: ConfirmationModal,
-  decorators: [ComponentDecorator],
+  decorators: [ComponentDecorator, I18nFrontDecorator],
 };
 export default meta;
 

packages/twenty-front/src/modules/ui/layout/page/components/DefaultLayout.tsx

@@ -98,9 +98,7 @@ export const DefaultLayout = () => {
                   2
                 : 0,
           }}
-          transition={{
-            duration: theme.animation.duration.normal,
-          }}
+          transition={{ duration: theme.animation.duration.normal }}
         >
           {showAuthModal ? (
             <StyledAppNavigationDrawerMock />

packages/twenty-front/src/modules/ui/layout/right-drawer/components/RightDrawer.tsx

@@ -83,9 +83,7 @@ export const RightDrawer = () => {
       isRightDrawerMinimized={isRightDrawerMinimized}
       animate={targetVariantForAnimation}
       variants={RIGHT_DRAWER_ANIMATION_VARIANTS}
-      transition={{
-        duration: theme.animation.duration.normal,
-      }}
+      transition={{ duration: theme.animation.duration.normal }}
       onAnimationComplete={handleAnimationComplete}
     >
       <StyledRightDrawer>

packages/twenty-front/src/modules/ui/layout/show-page/components/ShowPageAddButton.tsx

@@ -108,9 +108,7 @@ export const ShowPageAddButton = ({
             />
           </DropdownMenuItemsContainer>
         }
-        dropdownHotkeyScope={{
-          scope: PageHotkeyScope.ShowPage,
-        }}
+        dropdownHotkeyScope={{ scope: PageHotkeyScope.ShowPage }}
       />
     </StyledContainer>
   );