Fix eslint-plugin-twenty (#1640)

* Fixed color rule

* Fixed naming

* Fix effect component rule

* Deactivated broken rules

* Fixed lint

* Complete eslint-plugin-twenty work

---------

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

front/src/modules/ui/utilities/dimensions/components/ComputeNodeDimensions.tsx

@@ -14,7 +14,7 @@ const StyledNodeWrapper = styled.span`
   visibility: hidden;
 `;
 
-export const ComputeNodeDimensionsEffect = ({
+export const ComputeNodeDimensions = ({
   children,
   node = children(undefined),
 }: ComputeNodeDimensionsEffectProps) => {

front/src/modules/ui/utilities/drag-select/components/DragSelect.tsx

@@ -3,6 +3,9 @@ import {
   boxesIntersect,
   useSelectionContainer,
 } from '@air/react-drag-to-select';
+import { useTheme } from '@emotion/react';
+
+import { rgba } from '@/ui/theme/constants/colors';
 
 import { useDragSelect } from '../hooks/useDragSelect';
 
@@ -17,6 +20,7 @@ export const DragSelect = ({
   onDragSelectionChange,
   onDragSelectionStart,
 }: OwnProps) => {
+  const theme = useTheme();
   const { isDragSelectionStartEnabled } = useDragSelect();
   const { DragSelection } = useSelectionContainer({
     shouldStartSelecting: (target) => {
@@ -56,8 +60,8 @@ export const DragSelect = ({
     },
     selectionProps: {
       style: {
-        border: '1px solid #4C85D8',
-        background: 'rgba(155, 193, 239, 0.4)',
+        border: `1px solid ${theme.color.blue10}`,
+        background: rgba(theme.color.blue30, 0.4),
         position: `absolute`,
         zIndex: 99,
       },