Add Pricing Component with Toggle

[riyaa060]

What does this PR do?

This pull request implements a new pricing component with a toggle feature that allows users to switch between monthly and yearly pricing options. The component enhances user experience by providing a straightforward comparison of pricing plans.

Fixes #656

Type of change

• New feature (non-breaking change which adds functionality)
• This change requires a documentation update

How should this be tested?

1. Pull this branch.
2. Open the project in a browser.
3. Navigate to the pricing component(33-pricing-component-with-toggle).
4. Toggle between monthly and yearly to verify that the pricing updates correctly.

Mandatory Tasks

• Make sure you have self-reviewed the code. A decent size PR without self-review might be rejected.

[netlify]

✅ Deploy Preview for openfrontendmentor ready!

Name	Link
🔨 Latest commit	4f25b80
🔍 Latest deploy log	https://app.netlify.com/sites/openfrontendmentor/deploys/6724f82fff018200086a77b6
😎 Deploy Preview	https://deploy-preview-658--openfrontendmentor.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.