Feat/pricing table

[AugistineCreates]

This pr closes #400

This PR introduces a responsive pricing table component designed to help users easily choose the most suitable subscription plan. The UI is structured to clearly compare multiple subscription tiers side-by-side, highlight the most popular plan, and concisely display pricing and feature benefits to increase conversion rates.

Changes:

• New Component (PricingTable.tsx): Added a responsive pricing table in src/components/pricing/` that accepts dynamic pricing data (using the existing usePricing hook).
• New Page Route (src/app/pricing/page.tsx): Created a new page dedicated to displaying the pricing table.
• Fixed usePricing.ts: Resolved TypeScript errors and broken imports in the hook so that the dynamic pricing functionality compiles and works correctly.
• Responsive Layout: Ensured the grid layout gracefully adjusts to mobile, tablet, and desktop screens using Tailwind CSS.
• Billing Toggles: Includes an interactive billing cycle toggle (monthly/annually) that adjusts pricing models contextually.

[drips-wave]

@AugistineCreates Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits