Pricing section improved

[sau-mili]

Related Issue

#2787
[Cite any related issue(s) this pull request addresses. If none, simply state “None”]
Fixes: #2787

Description

The section had a lot of whitespace, which can be utilized to add other components and make it look better.
I have added depth effect on light theme and managed the white space efficiently making components spread out with better styles
I have also modified the button to make it look 3-D
I have also added dark-mode styles.

[Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.]

Type of PR

• Bug fix
• Feature enhancement
• Documentation update
• Other (specify): _______________

Screenshots / videos (if applicable)

[Attach any relevant screenshots or videos demonstrating the changes. Make sure to attach before & after screenshots in your PR.]

before

after

dark-mode

light

Checklist:

• I have made this change from my own.
• I have taken help from some online resources.
• My code follows the style guidelines of this project.
• I have performed a self-review of my own code.
• I have commented my code, particularly in hard-to-understand areas.
• I have made corresponding changes to the documentation.
• My changes generate no new warnings.
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers and screenshots after making the changes.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
swapreads	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 9, 2024 9:35pm

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify]

✅ Deploy Preview for vermillion-sunshine-40461e ready!

Name	Link
🔨 Latest commit	1fb7e9d
🔍 Latest deploy log	https://app.netlify.com/sites/vermillion-sunshine-40461e/deploys/66b68bac66131500086b552f
😎 Deploy Preview	https://deploy-preview-2832--vermillion-sunshine-40461e.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.