POC: chore: use Nx workspace lint rules (#3163)

* chore: use Nx workspace lint rules

Closes #3162

* Fix lint

* Fix lint on BE

* Fix tests

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

packages/twenty-front/src/modules/ui/feedback/progress-bar/components/ProgressBar.tsx

@@ -56,9 +56,9 @@ export const ProgressBar = forwardRef<ProgressBarControls, ProgressBarProps>(
     const theme = useTheme();
 
     const controls = useAnimation();
-    // eslint-disable-next-line twenty/no-state-useref
+    // eslint-disable-next-line @nx/workspace-no-state-useref
     const startTimestamp = useRef<number>(0);
-    // eslint-disable-next-line twenty/no-state-useref
+    // eslint-disable-next-line @nx/workspace-no-state-useref
     const remainingTime = useRef<number>(duration);
 
     const start = useCallback(async () => {

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

@@ -118,7 +118,7 @@ export const SnackBar = ({
 }: SnackBarProps) => {
   const theme = useTheme();
 
-  // eslint-disable-next-line twenty/no-state-useref
+  // eslint-disable-next-line @nx/workspace-no-state-useref
   const progressBarRef = useRef<ProgressBarControls | null>(null);
 
   const closeSnackbar = useCallback(() => {

packages/twenty-front/src/modules/ui/feedback/snack-bar-manager/hooks/usePausableTimeout.ts

@@ -1,13 +1,13 @@
 import { useCallback, useEffect, useRef } from 'react';
 
 export const usePausableTimeout = (callback: () => void, delay: number) => {
-  // eslint-disable-next-line twenty/no-state-useref
+  // eslint-disable-next-line @nx/workspace-no-state-useref
   const savedCallback = useRef<() => void>(callback);
-  // eslint-disable-next-line twenty/no-state-useref
+  // eslint-disable-next-line @nx/workspace-no-state-useref
   const remainingTime = useRef<number>(delay);
-  // eslint-disable-next-line twenty/no-state-useref
+  // eslint-disable-next-line @nx/workspace-no-state-useref
   const startTime = useRef<number>(Date.now());
-  // eslint-disable-next-line twenty/no-state-useref
+  // eslint-disable-next-line @nx/workspace-no-state-useref
   const timeoutId = useRef<ReturnType<typeof setTimeout> | null>(null);
 
   const tick = () => {

packages/twenty-front/src/modules/ui/input/components/TextInput.tsx

@@ -131,7 +131,7 @@ const TextInputComponent = (
     tabIndex,
     RightIcon,
   }: TextInputComponentProps,
-  // eslint-disable-next-line twenty/component-props-naming
+  // eslint-disable-next-line @nx/workspace-component-props-naming
   ref: ForwardedRef<HTMLInputElement>,
 ): JSX.Element => {
   const theme = useTheme();

packages/twenty-front/src/modules/ui/input/editor/components/BlockEditor.tsx

@@ -23,7 +23,7 @@ const StyledEditor = styled.div`
 
 export const BlockEditor = ({ editor }: BlockEditorProps) => {
   const theme = useTheme();
-  const blockNoteTheme = theme.name == 'light' ? 'light' : 'dark';
+  const blockNoteTheme = theme.name === 'light' ? 'light' : 'dark';
   return (
     <StyledEditor>
       <BlockNoteView editor={editor} theme={blockNoteTheme} />

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

@@ -30,7 +30,7 @@ export const ShowPageMoreButton = ({
   const navigationMemorizedUrl = useRecoilValue(navigationMemorizedUrlState);
   const navigate = useNavigate();
 
-  const { deleteOneRecord: deleteOneRecord } = useDeleteOneRecord({
+  const { deleteOneRecord } = useDeleteOneRecord({
     objectNameSingular,
   });
 

packages/twenty-front/src/modules/ui/theme/constants/background.ts

@@ -1,4 +1,4 @@
-/* eslint-disable twenty/no-hardcoded-colors */
+/* eslint-disable @nx/workspace-no-hardcoded-colors */
 import DarkNoise from '../assets/dark-noise.jpg';
 import LightNoise from '../assets/light-noise.png';
 

packages/twenty-front/src/modules/ui/theme/constants/colors.ts

@@ -1,4 +1,4 @@
-/* eslint-disable twenty/no-hardcoded-colors */
+/* eslint-disable @nx/workspace-no-hardcoded-colors */
 import hexRgb from 'hex-rgb';
 
 export const grayScale = {

packages/twenty-front/src/modules/ui/theme/constants/theme.ts

@@ -1,4 +1,4 @@
-/* eslint-disable twenty/no-hardcoded-colors */
+/* eslint-disable @nx/workspace-no-hardcoded-colors */
 import { accentDark, accentLight } from './accent';
 import { animation } from './animation';
 import { backgroundDark, backgroundLight } from './background';

packages/twenty-front/src/modules/ui/utilities/recoil-scope/components/RecoilScope.tsx

@@ -18,7 +18,7 @@ export const RecoilScope = ({
   scopeId?: string;
   CustomRecoilScopeContext?: RecoilScopeContextType;
 }) => {
-  // eslint-disable-next-line twenty/no-state-useref
+  // eslint-disable-next-line @nx/workspace-no-state-useref
   const currentScopeId = useRef(scopeId ?? v4());
 
   return CustomRecoilScopeContext ? (