Feat: Added Pricing Component

[SatyamVyas04]

Added support for a pricing component, that displays plans in a well animated manner, using framer-motion
Here's the demo for the same. Let me know if there are any potential bugs or fallacies in the code 👍🏻

Pricing.Component.Demo.mp4

fixes #295

[hari]

@SatyamVyas04 Looking good. Here are a few things:

1. Please move this to Sections category, you will need to create a new one and rename the files as well text.
2. Add little more spacing.

[SatyamVyas04]

Working on the animation-unmount now 👍🏻

[SatyamVyas04]

This pull request introduces a new Pricing component and its associated documentation and stories. The changes include adding the component, creating Storybook stories for it, and updating the documentation to include installation and usage instructions.

New Pricing Component:

• animata/section/pricing.tsx: Added a new Pricing component with customizable plans, width, outer radius, and padding. The component includes interactive elements for selecting billing cycles and plans, with animations for a better user experience.

Storybook Stories:

• animata/section/pricing.stories.tsx: Added Storybook stories for the Pricing component, including Primary and CustomPlans stories to demonstrate different configurations.

Documentation Updates:

• content/docs/section/pricing.mdx: Added new documentation for the Pricing component, including installation instructions, usage examples, and credits.

Sidebar Navigation:

• config/docs.ts: Updated the sidebar navigation to include a new "Section" category with links to the Pricing component documentation.