[feat]: /docs/components/magic-card

[Shreyas-29]

The Magic Card present till date on MagicUI is cool.

Describe the solution you'd like
But,
If there are multiple cards in a bento grid layout where I can add more subtle hover spotlight effect both for the inner card and border.

Describe alternatives you've considered
Here are some alternatives:

• https://lunarui.dev/components/react/feature-blocks/spotlight-card (PAID)
• https://cruip.com/how-to-create-a-spotlight-card-hover-effect-with-tailwind-css/#create-a-reusable-spotlight-component-for-nextjs (Animations not working properly)

Additional context
Basically I want to create an effect like these websites:

• https://wope.com/content-assistant/
• https://linear.app/features

[itsarghyadas]

@Shreyas-29 We’ve already added this border effect in PR #467 so I’m closing this PR in favor of that one.