Sweep: cleanup the pricing formatting for 480/month, etc

[sweep-nightly[bot]]

Description

This pull request introduces several updates to the PricingPage component, aiming to improve the readability and responsiveness of the pricing options presented to the user. The changes include adjustments to the grid layout, padding, text alignment, and button placement, ensuring a more consistent and user-friendly experience across different device sizes.

Summary

• Updated the SimpleGrid component in PricingPage.tsx to support 2 columns on medium devices and adjusted padding based on screen size for better responsiveness.
• Removed the fixed height on pricing option boxes to allow for content flexibility.
• Changed the background color opacity for a more subtle visual effect.
• Updated padding around the pricing option content for better spacing on various screen sizes.
• Centered text alignment within each pricing option for a cleaner look.
• Adjusted margin and padding around titles, descriptions, and pricing details to ensure consistent spacing.
• Moved the "Install", "Purchase", and "Contact us" buttons to be centrally aligned within their respective boxes, improving the visual flow of the page.
• Modified the Button components to align them centrally for a more balanced appearance.

These changes contribute to a more aesthetically pleasing and functional pricing page, enhancing the overall user experience on the Sweep platform.

Fixes #598.

---

🎉 Latest improvements to Sweep:

• New dashboard launched for real-time tracking of Sweep issues, covering all stages from search to coding.
• Integration of OpenAI's latest Assistant API for more efficient and reliable code planning and editing, improving speed by 3x.
• Use the GitHub issues extension for creating Sweep issues directly from your editor.

---

💡 To get Sweep to edit this pull request, you can:

• Comment below, and Sweep can edit the entire PR
• Comment on a file, Sweep will only modify the commented file
• Edit the original issue to get Sweep to recreate the PR from scratch

This is an automated message generated by Sweep AI.

[sweep-nightly[bot]]

Rollback Files For Sweep

• [ ] Rollback changes to src/components/PricingPage.tsx

This is an automated message generated by Sweep AI.

[sweep-nightly[bot]]

Apply Sweep Rules to your PR?

• [ ] Apply: Any user facing text should be high quality.
• [ ] Apply: We should have corresponding tests for all new and existing code. We use jest for tests.
• [ ] Apply: There should not be large chunks of commented out code besides docstrings.

This is an automated message generated by Sweep AI.

[netlify[bot]]

✅ Deploy Preview for sweepdev ready!

Name	Link
🔨 Latest commit	6396c6ed1edbe74ede5778bf02624ca0ad423593
🔍 Latest deploy log	https://app.netlify.com/sites/sweepdev/deploys/661f0962aefbd10008a88d3a
😎 Deploy Preview	https://deploy-preview-601--sweepdev.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.