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>

tools/eslint-rules/rules/component-props-naming.spec.ts

@@ -0,0 +1,45 @@
+import { TSESLint } from '@typescript-eslint/utils';
+
+import { rule, RULE_NAME } from './component-props-naming';
+
+const ruleTester = new TSESLint.RuleTester({
+  parser: require.resolve('@typescript-eslint/parser'),
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+});
+
+ruleTester.run(RULE_NAME, rule, {
+  valid: [
+    {
+      code: 'export const MyComponent= (props: MyComponentProps) => <div>{props.message}</div>;',
+    },
+    {
+      code: 'export const MyComponent = ({ message }: MyComponentProps) => <div>{message}</div>;',
+    },
+  ],
+  invalid: [
+    {
+      code: 'export const MyComponent = (props: OwnProps) => <div>{props.message}</div>;',
+      errors: [
+        {
+          messageId: 'invalidPropsTypeName',
+        },
+      ],
+      output:
+        'export const MyComponent = (props: MyComponentProps) => <div>{props.message}</div>;',
+    },
+    {
+      code: 'export const MyComponent = ({ message }: OwnProps) => <div>{message}</div>;',
+      errors: [
+        {
+          messageId: 'invalidPropsTypeName',
+        },
+      ],
+      output:
+        'export const MyComponent = ({ message }: MyComponentProps) => <div>{message}</div>;',
+    },
+  ],
+});