[bug]: Incorrect Dock component example in documentation

[Khizarshah01]

Describe the bug

The documentation for the Dock component shows an incorrect example where multiple icons are wrapped inside a single DockIcon component. This creates a vertical column of icons within one dock item instead of the intended horizontal macOS-style dock layout with magnification effects.

Affected component/components

Dock

How to reproduce

1. Go to the Dock component documentation at: https://magicui.design/docs/components/dock
2. Look at the "Usage" section example code
3. Copy the example code:

<Dock>
  <DockIcon>
    <Home />
    <Settings />
    <Search />
  </DockIcon>
</Dock>

4. Implement this code in your project
5. you will see that all three icons (Home, Settings, Search) are stacked vertically inside a single dock item instead of creating three separate dock items arranged horizontally

Codesandbox/StackBlitz link

No response

Logs

System Info

Null

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues