Update docs

Author: handotdev

react-hooks.mdx

@@ -19,7 +19,7 @@ You can use all standard React hooks in your documentation, such as `useState`,
 
 ## Interactive Examples
 
-### 1. Creating Components Directly in MDX
+### Creating Components Directly in MDX
 
 Create a component directly in your MDX file using React hooks to build interactive elements that respond to user actions:
 
@@ -44,15 +44,17 @@ export const Counter = () => {
 <Counter />
 ```
 
-### 2. Importing Components from Snippet Files
+### Importing Components from Snippet Files
 
 Import snippets into your MDX files to create reusable interactive components. Store snippets in the `snippets` folder for better organization. Learn more in the [reusable snippets documentation](/reusable-snippets).
 
 *Interactive HSL color generator created with multiple React hooks*
 
 <ColorGenerator />
 
-#### Create a snippet file
+## Using React Hooks
+
+### Create a snippet file
 
 Create a new file in the `snippets` folder with your component code.
 
@@ -171,14 +173,15 @@ export const ColorGenerator = () => {
 }
 ```
 
-#### Import the snippet
+### Import the snippet
+
 Add an import statement at the top of your MDX file:
 
 ```jsx
 import { ColorGenerator } from "/snippets/color-generator.mdx"
 ```
 
-#### Use the component
+### Use the component
 
 Add the component to your MDX content wherever needed: