style: reformat mdx

Author: Rel1cx

apps/website/content/docs/community.mdx

@@ -5,7 +5,7 @@ description: "Discover the growing community around ESLint React"
 
 import { BskyPost } from "#/components/BskyPost";
 import { GitHubRepoGrid } from "#/components/GitHubRepoGrid";
-import { projects, presets } from "./community.tsx"
+import { projects, presets } from "./community.tsx";
 
 ## OSS Projects Using ESLint React
 

apps/website/content/docs/configuration/configure-analyzer.mdx

@@ -72,7 +72,9 @@ Example with `polymorphicPropName` set to `as`:
 
 ### `additionalComponents` (Experimental)
 
-<Callout type="info">Consider using `polymorphicPropName` instead when possible, as it's simpler and more efficient.</Callout>
+<Callout type="info">
+  Consider using `polymorphicPropName` instead when possible, as it's simpler and more efficient.
+</Callout>
 
 <Callout type="warn">Experimental feature that may lack stability and documentation.</Callout>
 
@@ -100,7 +102,9 @@ This makes `<EmbedContent src="https://eslint-react.xyz" />{:tsx}` evaluate as `
 ### `additionalHooks` (Experimental)
 
 <Callout type="warn">
-Intended for edge cases. We suggest to use this option **very sparingly, if at all**. Generally saying, we recommend most custom Hooks do not vary the built-in React Hooks, and instead provide a higher-level API that is more focused around a specific use case.
+  Intended for edge cases. We suggest to use this option **very sparingly, if at all**. Generally saying, we recommend
+  most custom Hooks do not vary the built-in React Hooks, and instead provide a higher-level API that is more focused
+  around a specific use case.
 </Callout>
 
 Alias variants to built-in React Hooks for rule compatibility:
@@ -130,26 +134,26 @@ export default [
         polymorphicPropName: "as",
         additionalHooks: {
           useEffect: ["useIsomorphicLayoutEffect"],
-          useLayoutEffect: ["useIsomorphicLayoutEffect"]
+          useLayoutEffect: ["useIsomorphicLayoutEffect"],
         },
         additionalComponents: [
           {
             name: "Link",
             as: "a",
             attributes: [
-              { name: "to", as: "href" }  // Maps 'to' prop to 'href' attribute
-            ]
+              { name: "to", as: "href" }, // Maps 'to' prop to 'href' attribute
+            ],
           },
           {
             name: "EmbedContent",
             as: "iframe",
             attributes: [
-              { name: "sandbox", defaultValue: "" }
-            ]
-          }
-        ]
-      }
-    }
-  }
+              { name: "sandbox", defaultValue: "" }, // Sets the default value for 'sandbox' attribute
+            ],
+          },
+        ],
+      },
+    },
+  },
 ];
 ```

apps/website/content/docs/configuration/configure-enhanced-additional-components.mdx

@@ -2,7 +2,9 @@
 title: Configure Enhanced Additional Components (WIP)
 ---
 
-<Callout type="warn">This page contains experimental features that still under development. The content may change without notice.</Callout>
+<Callout type="warn">
+  This page contains experimental features that still under development. The content may change without notice.
+</Callout>
 
 ## Examples
 
@@ -26,36 +28,28 @@ export default [
           {
             // Match all components with `html` attribute and alias it to `dangerouslySetInnerHTML`
             name: "*",
-            attributes: [
-              { name: "html", as: "dangerouslySetInnerHTML" },
-            ],
+            attributes: [{ name: "html", as: "dangerouslySetInnerHTML" }],
           },
           {
             // Match all components with `component="button"` attribute and alias it to `button` component with `type="button"` attribute
             name: "*",
             selector: ":has(JSXAttribute[name.name='component'][value.value='button'])",
             as: "button",
-            attributes: [
-              { name: "type", defaultValue: "button" },
-            ],
+            attributes: [{ name: "type", defaultValue: "button" }],
           },
           {
             // Match Button component with `component="a"` attribute and alias it to `a` component with `rel="noopener noreferrer"` attribute
             name: "Button",
             selector: ":has(JSXAttribute[name.name='component'][value.value='a'])",
             as: "a",
-            attributes: [
-              { name: "rel", defaultValue: "noopener noreferrer" },
-            ],
+            attributes: [{ name: "rel", defaultValue: "noopener noreferrer" }],
           },
           {
             // Match MUIButton component with a `href` or `to` attribute and alias it to `a` component with `rel="noopener noreferrer"` attribute
             name: "MUIButton",
             selector: ":matches(:has(JSXAttribute[name.name='href']), :has(JSXAttribute[name.name='to']))",
             as: "a",
-            attributes: [
-              { name: "rel", defaultValue: "noopener noreferrer" },
-            ],
+            attributes: [{ name: "rel", defaultValue: "noopener noreferrer" }],
           },
           {
             // Match TextInput component with `mode="uncontrolled"` attribute and alias it to an uncontrolled input component with `content` and `onContentUpdate` pair

apps/website/content/docs/faq.mdx

@@ -2,7 +2,7 @@
 title: FAQ
 ---
 
-import { Accordion, Accordions } from 'fumadocs-ui/components/accordion';
+import { Accordion, Accordions } from "fumadocs-ui/components/accordion";
 
 <Accordions>
 

apps/website/content/docs/getting-started/javascript.mdx

@@ -42,16 +42,13 @@ export default defineConfig([
     // Extend recommended rule sets from:
     // 1. ESLint JS's recommended rules
     // 2. ESLint React's recommended rules
-    extends: [
-      eslintJs.configs.recommended,
-      eslintReact.configs.recommended,
-    ],
+    extends: [eslintJs.configs.recommended, eslintReact.configs.recommended],
 
     // Configure language/parsing options
     languageOptions: {
       // Include browser global variables (window, document, etc.)
       globals: {
-        ...globals.browser
+        ...globals.browser,
       },
       parserOptions: {
         ecmaFeatures: {
@@ -97,7 +94,7 @@ export default [
     // ...other options
     "jsx": "react-jsx",
   },
-  "include": ["**/*.js", "**/*.jsx"]
+  "include": ["**/*.js", "**/*.jsx"],
 }
 ```
 

apps/website/content/docs/getting-started/typescript.mdx

@@ -42,11 +42,7 @@ export default tseslint.config({
   // 1. ESLint JS's recommended rules
   // 2. TypeScript ESLint recommended rules
   // 3. ESLint React's recommended-typescript rules
-  extends: [
-    eslintJs.configs.recommended,
-    tseslint.configs.recommended,
-    eslintReact.configs["recommended-typescript"],
-  ],
+  extends: [eslintJs.configs.recommended, tseslint.configs.recommended, eslintReact.configs["recommended-typescript"]],
 
   // Configure language/parsing options
   languageOptions: {
@@ -94,7 +90,7 @@ export default [
     // ...other options
     "jsx": "react-jsx",
   },
-  "include": ["**/*.ts", "**/*.tsx"]
+  "include": ["**/*.ts", "**/*.tsx"],
 }
 ```
 

apps/website/content/docs/presets.mdx

@@ -4,7 +4,9 @@ title: Presets
 
 The following presets are available in `@eslint-react/eslint-plugin`:
 
-<Callout type="info">For ESLint Legacy Config (`.eslintrc.*`), add a `-legacy` suffix to the preset name (e.g. `recommended-legacy`).</Callout>
+<Callout type="info">
+  For ESLint Legacy Config (`.eslintrc.*`), add a `-legacy` suffix to the preset name (e.g. `recommended-legacy`).
+</Callout>
 
 ## Bare Bones
 
@@ -30,6 +32,7 @@ The following presets are available in `@eslint-react/eslint-plugin`:
   Same as the `recommended-typescript` preset but enables additional rules that require type information.
 
 ## Other
+
 - `disable-dom`\
   Disable rules in the `dom` preset.
 - `disable-web-api`\