Re-add prettier (#13812)

Re add prettier in eslint.configs

packages/twenty-front/src/modules/ui/field/display/components/__stories__/DateDisplay.stories.tsx

@@ -2,7 +2,7 @@ import { DateFormat } from '@/localization/constants/DateFormat';
 import { TimeFormat } from '@/localization/constants/TimeFormat';
 import { FieldDateDisplayFormat } from '@/object-record/record-field/types/FieldMetadata';
 import { UserContext } from '@/users/contexts/UserContext';
-import { expect , within } from '@storybook/test';
+import { expect, within } from '@storybook/test';
 import type { Meta, StoryObj } from '@storybook/react';
 import { DateDisplay } from '../DateDisplay';
 

packages/twenty-front/src/modules/ui/field/input/components/__stories__/MultiSelectInput.stories.tsx

@@ -2,7 +2,7 @@ import { type FieldMultiSelectValue } from '@/object-record/record-field/types/F
 import { getRecordFieldInputInstanceId } from '@/object-record/utils/getRecordFieldInputId';
 import { usePushFocusItemToFocusStack } from '@/ui/utilities/focus/hooks/usePushFocusItemToFocusStack';
 import { FocusComponentType } from '@/ui/utilities/focus/types/FocusComponentType';
-import { expect , fn, userEvent, waitFor, within } from '@storybook/test';
+import { expect, fn, userEvent, waitFor, within } from '@storybook/test';
 import { type Meta, type StoryObj } from '@storybook/react';
 import { useEffect, useState } from 'react';
 import {

packages/twenty-front/src/modules/ui/input/components/__stories__/TextArea.stories.tsx

@@ -1,7 +1,7 @@
 import { type Meta, type StoryObj } from '@storybook/react';
 import { useState } from 'react';
 
-import { expect , userEvent, within } from '@storybook/test';
+import { expect, userEvent, within } from '@storybook/test';
 import { TextArea, type TextAreaProps } from '../TextArea';
 import { ComponentDecorator } from 'twenty-ui/testing';
 

packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuHeader/internal/DropdownMenuHeaderLeftComponent.tsx

@@ -1,7 +1,11 @@
 import { type MouseEvent, type ReactElement } from 'react';
 import styled from '@emotion/styled';
 import { useTheme } from '@emotion/react';
-import { type Avatar, type AvatarProps, type IconComponent } from 'twenty-ui/display';
+import {
+  type Avatar,
+  type AvatarProps,
+  type IconComponent,
+} from 'twenty-ui/display';
 import { LightIconButton } from 'twenty-ui/input';
 
 const StyledNonClickableStartIcon = styled.div`

packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuInput.tsx

@@ -1,6 +1,11 @@
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
-import { forwardRef, type InputHTMLAttributes, type ReactNode, useRef } from 'react';
+import {
+  forwardRef,
+  type InputHTMLAttributes,
+  type ReactNode,
+  useRef,
+} from 'react';
 import 'react-phone-number-input/style.css';
 
 import { useRegisterInputEvents } from '@/object-record/record-field/meta-types/input/hooks/useRegisterInputEvents';

packages/twenty-front/src/modules/ui/layout/dropdown/components/__stories__/Dropdown.stories.tsx

@@ -17,13 +17,11 @@ import { DropdownMenuHeaderLeftComponent } from '@/ui/layout/dropdown/components
 // import { type SetRecoilState } from 'recoil';
 import {
   // TEMP_DISABLED_TEST: Commented out unused import
-  // Avatar, 
-  IconChevronLeft
+  // Avatar,
+  IconChevronLeft,
 } from 'twenty-ui/display';
 import { Button } from 'twenty-ui/input';
-import {
-  MenuItem,
-} from 'twenty-ui/navigation';
+import { MenuItem } from 'twenty-ui/navigation';
 import { ComponentDecorator } from 'twenty-ui/testing';
 import { Dropdown } from '../Dropdown';
 import { DropdownMenuHeader } from '../DropdownMenuHeader/DropdownMenuHeader';

packages/twenty-front/src/modules/ui/layout/expandable-list/components/ExpandableList.tsx

@@ -1,5 +1,11 @@
 import styled from '@emotion/styled';
-import { type ReactElement, useCallback, useEffect, useRef, useState } from 'react';
+import {
+  type ReactElement,
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+} from 'react';
 
 import { ExpandedListDropdown } from '@/ui/layout/expandable-list/components/ExpandedListDropdown';
 import { isFirstOverflowingChildElement } from '@/ui/layout/expandable-list/utils/isFirstOverflowingChildElement';

packages/twenty-front/src/modules/ui/layout/expandable-list/components/__stories__/ExpandableList.stories.tsx

@@ -1,5 +1,5 @@
 import styled from '@emotion/styled';
-import { expect , userEvent, within } from '@storybook/test';
+import { expect, userEvent, within } from '@storybook/test';
 import { type Meta, type StoryObj } from '@storybook/react';
 
 import { ExpandableList } from '@/ui/layout/expandable-list/components/ExpandableList';

packages/twenty-front/src/modules/ui/layout/table/components/SortableTableHeader.tsx

@@ -3,7 +3,11 @@ import { TableHeaderText } from '@/ui/layout/table/components/TableHeaderText';
 import { sortedFieldByTableFamilyState } from '@/ui/layout/table/states/sortedFieldByTableFamilyState';
 import { type TableSortValue } from '@/ui/layout/table/types/TableSortValue';
 import { useRecoilState } from 'recoil';
-import { IconArrowDown, IconArrowUp, type IconComponent } from 'twenty-ui/display';
+import {
+  IconArrowDown,
+  IconArrowUp,
+  type IconComponent,
+} from 'twenty-ui/display';
 
 export const SortableTableHeader = ({
   tableId,

packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemWithOptionDropdown.tsx

@@ -1,7 +1,12 @@
 import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown';
 import { useTheme } from '@emotion/react';
 import { type Placement } from '@floating-ui/react';
-import { type FunctionComponent, type MouseEvent, type ReactElement, type ReactNode } from 'react';
+import {
+  type FunctionComponent,
+  type MouseEvent,
+  type ReactElement,
+  type ReactNode,
+} from 'react';
 import {
   IconChevronRight,
   type IconComponent,

packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/MultiWorkspaceDropdown/internal/MultiWorkspaceDropdownThemesComponents.tsx

@@ -35,7 +35,6 @@ export const MultiWorkspaceDropdownThemesComponents = () => {
           <MenuItem
             key={theme.id}
             LeftIcon={theme.icon}
-             
             text={t`${theme.id}`}
             onClick={() => setColorScheme(theme.id)}
             RightIcon={theme.id === colorScheme ? IconCheck : undefined}

packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerAnimatedCollapseWrapper.tsx

@@ -2,7 +2,11 @@ import { useIsSettingsPage } from '@/navigation/hooks/useIsSettingsPage';
 import { isNavigationDrawerExpandedState } from '@/ui/navigation/states/isNavigationDrawerExpanded';
 import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
-import { type AnimationControls, motion, type TargetAndTransition } from 'framer-motion';
+import {
+  type AnimationControls,
+  motion,
+  type TargetAndTransition,
+} from 'framer-motion';
 import { useRecoilValue } from 'recoil';
 
 const StyledAnimatedContainer = styled(motion.span)`

packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItem.tsx

@@ -22,7 +22,10 @@ import {
   TooltipPosition,
 } from 'twenty-ui/display';
 import { MOBILE_VIEWPORT } from 'twenty-ui/theme';
-import { type TriggerEventType, useMouseDownNavigation } from 'twenty-ui/utilities';
+import {
+  type TriggerEventType,
+  useMouseDownNavigation,
+} from 'twenty-ui/utilities';
 
 const DEFAULT_INDENTATION_LEVEL = 1;
 

packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItemsCollapsableContainer.tsx

@@ -2,7 +2,11 @@ import { useIsSettingsPage } from '@/navigation/hooks/useIsSettingsPage';
 import { isNavigationDrawerExpandedState } from '@/ui/navigation/states/isNavigationDrawerExpanded';
 import { useTheme } from '@emotion/react';
 import styled from '@emotion/styled';
-import { type AnimationControls, motion, type TargetAndTransition } from 'framer-motion';
+import {
+  type AnimationControls,
+  motion,
+  type TargetAndTransition,
+} from 'framer-motion';
 import { type ReactNode } from 'react';
 import { useRecoilValue } from 'recoil';
 

packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/__stories__/NavigationDrawer.stories.tsx

@@ -1,4 +1,4 @@
-import { expect , within } from '@storybook/test';
+import { expect, within } from '@storybook/test';
 import { type Meta, type StoryObj } from '@storybook/react';
 import { useEffect } from 'react';
 import { useSetRecoilState } from 'recoil';

packages/twenty-front/src/modules/ui/utilities/hotkey/hooks/useGlobalHotkeys.ts

@@ -1,7 +1,11 @@
 import { useGlobalHotkeysCallback } from '@/ui/utilities/hotkey/hooks/useGlobalHotkeysCallback';
 import { pendingHotkeyState } from '@/ui/utilities/hotkey/states/internal/pendingHotkeysState';
 import { useHotkeys } from 'react-hotkeys-hook';
-import { type HotkeyCallback, type Keys, type Options } from 'react-hotkeys-hook/dist/types';
+import {
+  type HotkeyCallback,
+  type Keys,
+  type Options,
+} from 'react-hotkeys-hook/dist/types';
 import { useRecoilCallback } from 'recoil';
 import { isDefined } from 'twenty-shared/utils';
 

packages/twenty-front/src/modules/ui/utilities/hotkey/hooks/useHotkeysOnFocusedElement.ts

@@ -1,7 +1,11 @@
 import { useHotkeysOnFocusedElementCallback } from '@/ui/utilities/hotkey/hooks/useHotkeysOnFocusedElementCallback';
 import { pendingHotkeyState } from '@/ui/utilities/hotkey/states/internal/pendingHotkeysState';
 import { useHotkeys } from 'react-hotkeys-hook';
-import { type HotkeyCallback, type Keys, type Options } from 'react-hotkeys-hook/dist/types';
+import {
+  type HotkeyCallback,
+  type Keys,
+  type Options,
+} from 'react-hotkeys-hook/dist/types';
 import { useRecoilState } from 'recoil';
 import { isDefined } from 'twenty-shared/utils';
 

packages/twenty-front/src/modules/ui/utilities/state/component-state/hooks/useRecoilComponentCallbackState.ts

@@ -7,7 +7,11 @@ import { type ComponentReadOnlySelector } from '@/ui/utilities/state/component-s
 import { type ComponentSelector } from '@/ui/utilities/state/component-state/types/ComponentSelector';
 import { type ComponentState } from '@/ui/utilities/state/component-state/types/ComponentState';
 import { globalComponentInstanceContextMap } from '@/ui/utilities/state/component-state/utils/globalComponentInstanceContextMap';
-import { type RecoilState, type RecoilValueReadOnly, type SerializableParam } from 'recoil';
+import {
+  type RecoilState,
+  type RecoilValueReadOnly,
+  type SerializableParam,
+} from 'recoil';
 
 export function useRecoilComponentCallbackState<ValueType>(
   componentState: ComponentState<ValueType>,

packages/twenty-front/src/modules/ui/utilities/state/component-state/hooks/useRecoilComponentFamilyCallbackState.ts

@@ -5,7 +5,11 @@ import { type ComponentFamilySelector } from '@/ui/utilities/state/component-sta
 import { type ComponentFamilyState } from '@/ui/utilities/state/component-state/types/ComponentFamilyState';
 import { globalComponentInstanceContextMap } from '@/ui/utilities/state/component-state/utils/globalComponentInstanceContextMap';
 import { useCallback } from 'react';
-import { type RecoilState, type RecoilValueReadOnly, type SerializableParam } from 'recoil';
+import {
+  type RecoilState,
+  type RecoilValueReadOnly,
+  type SerializableParam,
+} from 'recoil';
 
 export function useRecoilComponentFamilyCallbackState<
   ValueType,

packages/twenty-front/src/modules/ui/utilities/state/component-state/hooks/useRecoilComponentValue.ts

@@ -3,7 +3,11 @@ import { type ComponentReadOnlySelector } from '@/ui/utilities/state/component-s
 import { type ComponentSelector } from '@/ui/utilities/state/component-state/types/ComponentSelector';
 import { type ComponentState } from '@/ui/utilities/state/component-state/types/ComponentState';
 import { globalComponentInstanceContextMap } from '@/ui/utilities/state/component-state/utils/globalComponentInstanceContextMap';
-import { type RecoilState, type RecoilValueReadOnly, useRecoilValue } from 'recoil';
+import {
+  type RecoilState,
+  type RecoilValueReadOnly,
+  useRecoilValue,
+} from 'recoil';
 
 export const useRecoilComponentValue = <StateType>(
   componentState:

packages/twenty-front/src/modules/ui/utilities/state/component-state/hooks/useSetRecoilComponentFamilyState.ts

@@ -7,7 +7,11 @@ import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/com
 import { type ComponentFamilySelector } from '@/ui/utilities/state/component-state/types/ComponentFamilySelector';
 import { type ComponentFamilyState } from '@/ui/utilities/state/component-state/types/ComponentFamilyState';
 import { globalComponentInstanceContextMap } from '@/ui/utilities/state/component-state/utils/globalComponentInstanceContextMap';
-import { type SerializableParam, type SetterOrUpdater, useSetRecoilState } from 'recoil';
+import {
+  type SerializableParam,
+  type SetterOrUpdater,
+  useSetRecoilState,
+} from 'recoil';
 
 export const useSetRecoilComponentFamilyState = <
   StateType,

packages/twenty-front/src/modules/ui/utilities/state/utils/getSnapshotValue.ts

@@ -1,4 +1,8 @@
-import { type RecoilState, type RecoilValueReadOnly, type Snapshot } from 'recoil';
+import {
+  type RecoilState,
+  type RecoilValueReadOnly,
+  type Snapshot,
+} from 'recoil';
 
 export const getSnapshotValue = <StateType>(
   snapshot: Snapshot,