build(eslint): now use no import rules

.eslintrc.json

@@ -15,14 +15,29 @@
     "project": ["./tsconfig.json"]
   },
   "ignorePatterns": ["/playground/", "/next.config.js", "coverage"],
-  "plugins": ["@typescript-eslint"],
+  // "plugins": ["@typescript-eslint", "import"], # unecessary overhead, it is what it is
   "rules": {
+    // "@typescript-eslint/consistent-type-imports": "error",
     "@typescript-eslint/no-empty-function": "error",
     "@typescript-eslint/no-unsafe-argument": "error",
     "@typescript-eslint/no-unsafe-assignment": "error",
     "@typescript-eslint/no-unsafe-call": "error",
     "@typescript-eslint/no-unsafe-member-access": "error",
     "@typescript-eslint/no-unsafe-return": "error"
+    /*
+    "import/order": [
+      "error",
+      {
+        "groups": [
+          "builtin",
+          "external",
+          "internal",
+          ["parent", "sibling", "index"]
+        ],
+        "newlines-between": "always"
+      }
+    ]
+    */
   },
   "overrides": [
     {

src/app/components/protos/hero-section.tsx

@@ -9,6 +9,12 @@ import { Button } from '../ui/button';
 
 /* eslint-disable */
 
+/* eslint-disable */
+
+/* eslint-disable */
+
+/* eslint-disable */
+
 function TypingAnimation() {
   const el = useRef(null);
 

src/app/components/reusables/code/code-block.tsx

@@ -26,6 +26,21 @@ import oneDark from 'react-syntax-highlighter/dist/cjs/styles/prism/one-dark';
 import { Skeleton } from '../../ui/skeleton';
 import CopyButton from './copy-code';
 
+// react-syntax-highlighter has no types
+
+/* eslint-disable */
+// @ts-nocheck
+
+// react-syntax-highlighter has no types
+
+/* eslint-disable */
+// @ts-nocheck
+
+// react-syntax-highlighter has no types
+
+/* eslint-disable */
+// @ts-nocheck
+
 // react-syntax-highlighter has no types
 /* eslint-disable */
 // @ts-nocheck