docs: update section orders in rules docs

Author: Rel1cx

website/pages/docs/rules/avoid-shorthand-boolean.md

@@ -16,11 +16,6 @@ react-x/avoid-shorthand-boolean
 
 `🔍` `🔧`
 
-**Implementation**:
-
-- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x/src/rules/avoid-shorthand-boolean.ts)
-- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x/src/rules/avoid-shorthand-boolean.spec.ts)
-
 ## What it does
 
 Enforces the use of explicit boolean values for boolean attributes.
@@ -48,3 +43,8 @@ function Example() {
   return <button disabled={true} />;
 }
 ```
+
+## Implementation
+
+- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x/src/rules/avoid-shorthand-boolean.ts)
+- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x/src/rules/avoid-shorthand-boolean.spec.ts)

website/pages/docs/rules/avoid-shorthand-fragment.md

@@ -16,11 +16,6 @@ react-x/avoid-shorthand-fragment
 
 `🔍`
 
-**Implementation**:
-
-- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x/src/rules/avoid-shorthand-fragment.ts)
-- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x/src/rules/avoid-shorthand-fragment.spec.ts)
-
 ## What it does
 
 Enforces the use of explicit `<Fragment>` or `<React.Fragment>` components instead of the shorthand `<>` or `</>` syntax.
@@ -56,3 +51,8 @@ function Example() {
   );
 }
 ```
+
+## Implementation
+
+- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x/src/rules/avoid-shorthand-fragment.ts)
+- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x/src/rules/avoid-shorthand-fragment.spec.ts)

website/pages/docs/rules/debug-class-component.md

@@ -20,11 +20,6 @@ react-debug/class-component
 
 - `debug`
 
-**Implementation**:
-
-- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/class-component.ts)
-- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/class-component.spec.ts)
-
 ## What it does
 
 Reports all class components. Useful for debugging. This rule should only be used for debugging purposes. Otherwise, leave it off.
@@ -50,3 +45,8 @@ class Example extends React.PureComponent {
   }
 }
 ```
+
+## Implementation
+
+- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/class-component.ts)
+- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/class-component.spec.ts)

website/pages/docs/rules/debug-function-component.md

@@ -20,11 +20,6 @@ react-debug/function-component
 
 - `debug`
 
-**Implementation**:
-
-- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/function-component.ts)
-- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/function-component.spec.ts)
-
 ## What it does
 
 Reports all function components. Useful for debugging. This rule should only be used for debugging purposes. Otherwise, leave it off.
@@ -56,3 +51,8 @@ import React from "react";
 
 const Example = React.forwardRef(() => <button />);
 ```
+
+## Implementation
+
+- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/function-component.ts)
+- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/function-component.spec.ts)

website/pages/docs/rules/debug-hook.md

@@ -20,11 +20,6 @@ react-debug/hook
 
 - `debug`
 
-**Implementation**:
-
-- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/hook.ts)
-- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/hook.spec.ts)
-
 ## What it does
 
 Reports all React Hooks. Useful for debugging. This rule should only be used for debugging purposes. Otherwise, leave it off.
@@ -40,3 +35,8 @@ function useToggle() {
   return [value, () => setValue((x) => !x)] as const;
 }
 ```
+
+## Implementation
+
+- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/hook.ts)
+- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/hook.spec.ts)

website/pages/docs/rules/debug-is-from-react.md

@@ -20,11 +20,6 @@ react-debug/is-from-react
 
 - `debug`
 
-**Implementation**:
-
-- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/debug-is-from-react.ts)
-- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/debug-is-from-react.spec.ts)
-
 ## What it does
 
 Reports all identifiers that are initialized from React. Useful for debugging. This rule should only be used for debugging purposes. Otherwise, leave it off.
@@ -80,3 +75,8 @@ const toArray = Children.toArray;
 //    |         - [initialized from react] name: 'Children', import source: '@pika/react'.
 //    - [initialized from react] name: 'Children', import source: '@pika/react'.
 ```
+
+## Implementation
+
+- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/debug-is-from-react.ts)
+- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/debug-is-from-react.spec.ts)

website/pages/docs/rules/dom-no-dangerously-set-innerhtml-with-children.md

@@ -23,11 +23,6 @@ react-dom/no-dangerously-set-innerhtml-with-children
 - `recommended-typescript`
 - `recommended-type-checked`
 
-**Implementation**:
-
-- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom/src/rules/no-dangerously-set-innerhtml-with-children.ts)
-- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom/src/rules/no-dangerously-set-innerhtml-with-children.spec.ts)
-
 ## What it does
 
 Disallows `DOM element` using `children` and `dangerouslySetInnerHTML` at the same time.
@@ -59,3 +54,8 @@ function Example() {
   return <div dangerouslySetInnerHTML={{ __html: "Hello World" }} />;
 }
 ```
+
+## Implementation
+
+- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom/src/rules/no-dangerously-set-innerhtml-with-children.ts)
+- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom/src/rules/no-dangerously-set-innerhtml-with-children.spec.ts)

website/pages/docs/rules/dom-no-dangerously-set-innerhtml.md

@@ -19,11 +19,6 @@ react-dom/no-dangerously-set-innerhtml
 - `recommended-typescript`
 - `recommended-type-checked`
 
-**Implementation**:
-
-- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/dom-no-dangerously-set-innerhtml.ts)
-- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/dom-no-dangerously-set-innerhtml.spec.ts)
-
 ## What it does
 
 Warns when using `dangerouslySetInnerHTML`.
@@ -43,3 +38,8 @@ function Example() {
   return <div dangerouslySetInnerHTML={{ __html: "Hello, World!" }} />;
 }
 ```
+
+## Implementation
+
+- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/dom-no-dangerously-set-innerhtml.ts)
+- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/dom-no-dangerously-set-innerhtml.spec.ts)

website/pages/docs/rules/dom-no-find-dom-node.md

@@ -23,11 +23,6 @@ react-dom/no-find-dom-node
 - `recommended-typescript`
 - `recommended-type-checked`
 
-**Implementation**:
-
-- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom/src/rules/no-find-dom-node.ts)
-- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom/src/rules/no-find-dom-node.spec.ts)
-
 ## What it does
 
 This rule disallows the use of `findDOMNode`.
@@ -76,6 +71,11 @@ class AutoSelectingInput extends Component {
 }
 ```
 
+## Implementation
+
+- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom/src/rules/no-find-dom-node.ts)
+- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom/src/rules/no-find-dom-node.spec.ts)
+
 ## Further Reading
 
 - [React: APIs findDOMNode](https://react.dev/reference/react-dom/findDOMNode)

website/pages/docs/rules/dom-no-missing-button-type.md

@@ -23,11 +23,6 @@ react-dom/no-missing-button-type
 - `recommended-typescript`
 - `recommended-type-checked`
 
-**Implementation**:
-
-- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/dom-no-missing-button-type.ts)
-- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/dom-no-missing-button-type.spec.ts)
-
 ## What it does
 
 Enforces explicit `type` attribute for `button` elements.
@@ -60,6 +55,11 @@ function Example() {
 }
 ```
 
+## Implementation
+
+- [Rule source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/dom-no-missing-button-type.ts)
+- [Test source](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-debug/src/rules/dom-no-missing-button-type.spec.ts)
+
 ## Further Reading
 
 - [MDN: button - notes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#notes)