Feat/hng 150 create pricing cards displayed in pricing page

[Martin-IJ]

Description

Closes #150

Changes proposed

What were you told to do?

Create a pricing card component for displaying a pricing plan

What did you do?

Created a dynamic pricing card component and displayed it in the pricing page. The component is mobile responsive and uses props for customization of background color, border color, and text content. The component also includes action buttons using the shadcn button component.

Check List (Check all the applicable boxes)

🚨Please review the contribution guideline for this repository.

• My code follows the code style of this project.
• This PR does not contain plagiarized content.
• The title and description of the PR is clear and explains the approach.
• I am making a pull request against the dev branch (left side).
• My commit messages styles matches our requested structure.
• My code additions will fail neither code linting checks nor unit test.
• I am only making changes to files I was requested to.

Link to the design

https://www.figma.com/design/VEItfX6St5NSAqqNHImcxD/HNG-Boilerplate-Designs?node-id=4-20774&t=6FU5xxnRLovCtQ8K-1

Screenshots/Videos

[SirhmVFX]

run pnpm lint:fix fix your lint issues

[SirhmVFX]

Don't hard code tailwind values

[SirhmVFX]

hardcoded taillding values