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>

packages/eslint-plugin-twenty/src/tests/styled-components-prefixed-with-styled.spec.ts

@@ -0,0 +1,47 @@
+import { RuleTester } from "@typescript-eslint/rule-tester";
+
+import styledComponentsPrefixedWithStyledRule from "../rules/styled-components-prefixed-with-styled";
+
+const ruleTester = new RuleTester({
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    project: "./tsconfig.json",
+    tsconfigRootDir: __dirname,
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+});
+
+ruleTester.run(
+  "styled-components-prefixed-with-styled",
+  styledComponentsPrefixedWithStyledRule,
+  {
+    valid: [
+      {
+        code: "const StyledButton = styled.button``;",
+      },
+      {
+        code: "const StyledComponent = styled.div``;",
+      },
+    ],
+    invalid: [
+      {
+        code: "const Button = styled.button``;",
+        errors: [
+          {
+            messageId: "noStyledPrefix",
+          },
+        ],
+      },
+      {
+        code: "const Component = styled.div``;",
+        errors: [
+          {
+            messageId: "noStyledPrefix",
+          },
+        ],
+      },
+    ],
+  },
+);