docs: reorder rules in rules overview and nav list

Author: Rel1cx

apps/website/content/docs/rules/meta.json

@@ -2,8 +2,9 @@
   "pages": [
     "overview",
     "---Core Rules---",
-    "avoid-shorthand-boolean",
-    "avoid-shorthand-fragment",
+    "jsx-no-duplicate-props",
+    "jsx-no-undef",
+    "jsx-uses-vars",
     "no-access-state-in-setstate",
     "no-array-index-key",
     "no-children-count",
@@ -52,9 +53,8 @@
     "prefer-read-only-props",
     "prefer-shorthand-boolean",
     "prefer-shorthand-fragment",
-    "jsx-no-duplicate-props",
-    "jsx-no-undef",
-    "jsx-uses-vars",
+    "avoid-shorthand-boolean",
+    "avoid-shorthand-fragment",
     "---DOM Rules---",
     "dom-no-dangerously-set-innerhtml",
     "dom-no-dangerously-set-innerhtml-with-children",

apps/website/content/docs/rules/overview.mdx

@@ -25,8 +25,9 @@ Linter rules can have false positives, false negatives, and some rules are depen
 
 | Rule                                                                                 | ✅ |    🌟    | Description                                                                                           | `react` |
 | :----------------------------------------------------------------------------------- | :- | :------: | :---------------------------------------------------------------------------------------------------- | :-----: |
-| [`avoid-shorthand-boolean`](./avoid-shorthand-boolean)                               | 0️⃣  |   `🔧`   | Enforces explicit boolean values for boolean attributes                                               |           |
-| [`avoid-shorthand-fragment`](./avoid-shorthand-fragment)                             | 0️⃣  |          | Enforces explicit `<Fragment>` components instead of the shorthand `<>` or `</>` syntax               |           |
+| [`jsx-no-duplicate-props`](./jsx-no-duplicate-props)                                 | 1️⃣  |          | Disallow duplicate props in JSX elements                                                             |           |
+| [`jsx-no-undef`](./jsx-no-undef)                                                     | 2️⃣  |          | Disallow undefined variables in JSX elements                                                         |           |
+| [`jsx-uses-vars`](./jsx-uses-vars)                                                   | 1️⃣  |          | Marks variables used in JSX elements as used                                                         |           |
 | [`no-access-state-in-setstate`](./no-access-state-in-setstate)                       | 2️⃣  |          | Disallow accessing `this.state` inside `setState` calls                                              |           |
 | [`no-array-index-key`](./no-array-index-key)                                         | 1️⃣  |          | Disallow an item's index in the array as its key                                                     |           |
 | [`no-children-count`](./no-children-count)                                           | 1️⃣  |          | Disallow `Children.count`                                                                            |           |
@@ -74,9 +75,8 @@ Linter rules can have false positives, false negatives, and some rules are depen
 | [`prefer-read-only-props`](./prefer-read-only-props)                                 | 0️⃣  | `💭` `🧪` | Enforces read-only props in components                                                               |           |
 | [`prefer-shorthand-boolean`](./prefer-shorthand-boolean)                             | 0️⃣  |   `🔧`   | Enforces shorthand syntax for boolean attributes                                                      |           |
 | [`prefer-shorthand-fragment`](./prefer-shorthand-fragment)                           | 0️⃣  |   `🔧`   | Enforces shorthand syntax for fragments                                                               |           |
-| [`jsx-no-duplicate-props`](./jsx-no-duplicate-props)                                 | 1️⃣  |          | Disallow duplicate props in JSX elements                                                             |           |
-| [`jsx-no-undef`](./jsx-no-undef)                                                     | 2️⃣  |          | Disallow undefined variables in JSX elements                                                         |           |
-| [`jsx-uses-vars`](./jsx-uses-vars)                                                   | 1️⃣  |          | Marks variables used in JSX elements as used                                                         |           |
+| [`avoid-shorthand-boolean`](./avoid-shorthand-boolean)                               | 0️⃣  |   `🔧`   | Enforces explicit boolean values for boolean attributes                                               |           |
+| [`avoid-shorthand-fragment`](./avoid-shorthand-fragment)                             | 0️⃣  |          | Enforces explicit `<Fragment>` components instead of the shorthand `<>` or `</>` syntax               |           |
 
 ## DOM Rules
 

apps/website/eslint.config.ts

@@ -4,7 +4,6 @@ import * as configs from "@local/configs/eslint";
 // @ts-expect-error - no types for this package
 import pluginNext from "@next/eslint-plugin-next";
 import gitignore from "eslint-config-flat-gitignore";
-import pluginMdx from "eslint-plugin-mdx";
 import pluginReactHooks from "eslint-plugin-react-hooks";
 import pluginReactRefresh from "eslint-plugin-react-refresh";
 import tseslint from "typescript-eslint";
@@ -23,19 +22,18 @@ export default tseslint.config(
     extends: [
       markdown.configs.recommended,
     ],
-    files: GLOB_MD,
+    files: [...GLOB_MD, ...GLOB_MDX],
     language: "markdown/gfm",
     rules: {
-      "markdown/no-html": "error",
+      "markdown/no-html": "warn",
       "markdown/no-missing-label-refs": "off",
     },
   },
   {
-    ...pluginMdx.flat,
     files: GLOB_MDX,
-    processor: pluginMdx.createRemarkProcessor({
-      lintCodeBlocks: false,
-    }),
+    rules: {
+      "markdown/no-html": "off",
+    },
   },
   {
     extends: [

apps/website/package.json

@@ -50,7 +50,6 @@
     "eslint": "^9.23.0",
     "eslint-plugin-de-morgan": "^1.2.1",
     "eslint-plugin-import-x": "^4.9.1",
-    "eslint-plugin-mdx": "^3.2.0",
     "eslint-plugin-perfectionist": "^4.10.1",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.19",