Translation followup (#9735)

Address PR comments and more progress on translation

packages/twenty-front/src/modules/ui/feedback/dialog-manager/scopes/DialogManagerScope.tsx

@@ -13,9 +13,7 @@ export const DialogManagerScope = ({
 }: DialogManagerScopeProps) => {
   return (
     <DialogManagerScopeInternalContext.Provider
-      value={{
-        scopeId: dialogManagerScopeId,
-      }}
+      value={{ scopeId: dialogManagerScopeId }}
     >
       {children}
     </DialogManagerScopeInternalContext.Provider>

packages/twenty-front/src/modules/ui/feedback/snack-bar-manager/components/SnackBar.tsx

@@ -1,5 +1,6 @@
 import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
+import { useLingui } from '@lingui/react/macro';
 import { isUndefined } from '@sniptt/guards';
 import { ComponentPropsWithoutRef, ReactNode, useMemo } from 'react';
 import {
@@ -122,6 +123,7 @@ export const SnackBar = ({
   variant = SnackBarVariant.Default,
 }: SnackBarProps) => {
   const theme = useTheme();
+  const { t } = useLingui();
   const { animation: progressAnimation, value: progressValue } =
     useProgressAnimation({
       autoPlay: isUndefined(overrideProgressValue),
@@ -193,10 +195,10 @@ export const SnackBar = ({
         <StyledIcon>{icon}</StyledIcon>
         <StyledMessage>{message}</StyledMessage>
         <StyledActions>
-          {!!onCancel && <LightButton title="Cancel" onClick={onCancel} />}
+          {!!onCancel && <LightButton title={t`Cancel`} onClick={onCancel} />}
 
           {!!onClose && (
-            <LightIconButton title="Close" Icon={IconX} onClick={onClose} />
+            <LightIconButton title={t`Close`} Icon={IconX} onClick={onClose} />
           )}
         </StyledActions>
       </StyledHeader>

packages/twenty-front/src/modules/ui/feedback/snack-bar-manager/components/__stories__/SnackBar.stories.tsx

@@ -8,6 +8,7 @@ import {
 } from '@ui/testing';
 import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator';
 
+import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { SnackBar, SnackBarVariant } from '../SnackBar';
 
 const meta: Meta<typeof SnackBar> = {
@@ -33,7 +34,7 @@ export default meta;
 type Story = StoryObj<typeof SnackBar>;
 
 export const Default: Story = {
-  decorators: [ComponentDecorator],
+  decorators: [ComponentDecorator, I18nFrontDecorator],
   parameters: {
     chromatic: { disableSnapshot: true },
   },
@@ -43,7 +44,7 @@ export const Catalog: CatalogStory<Story, typeof SnackBar> = {
   args: {
     onCancel: fn(),
   },
-  decorators: [CatalogDecorator],
+  decorators: [CatalogDecorator, I18nFrontDecorator],
   parameters: {
     catalog: {
       dimensions: [

packages/twenty-front/src/modules/ui/feedback/snack-bar-manager/scopes/SnackBarProviderScope.tsx

@@ -13,9 +13,7 @@ export const SnackBarProviderScope = ({
 }: SnackBarProviderScopeProps) => {
   return (
     <SnackBarManagerScopeInternalContext.Provider
-      value={{
-        scopeId: snackBarManagerScopeId,
-      }}
+      value={{ scopeId: snackBarManagerScopeId }}
     >
       {children}
     </SnackBarManagerScopeInternalContext.Provider>