feat: APP-203 buy credits step 3

[blushi]

Description

https://regennetwork.atlassian.net/browse/APP-203?atlOrigin=eyJpIjoiMGQ4YWNlYzVkYzg1NGFkYmI0MTZkMjRmZWE0ZTg3NGQiLCJwIjoiaiJ9

---

Author Checklist

All items are required. Please add a note to the item if the item is not applicable and
please add links to any relevant follow up issues.

I have...

• provided a link to the relevant issue or specification
• provided instructions on how to test
• reviewed "Files changed" and left comments if necessary
• confirmed all CI checks have passed

How to test

https://deploy-preview-2419--regen-storybook.netlify.app/?path=/story/marketplace-organisms-agreepurchaseform--retirement
https://deploy-preview-2419--regen-storybook.netlify.app/?path=/story/marketplace-organisms-agreepurchaseform--no-retirement

Reviewers Checklist

All items are required. Please add a note if the item is not applicable and please add
your handle next to the items reviewed if you only reviewed selected items.

I have...

• confirmed all author checklist items have been addressed
• reviewed code correctness and readability
• verified React components follow DRY principles
• reviewed documentation is accurate
• reviewed tests
• manually tested (if applicable)

[netlify]

✅ Deploy Preview for regen-website ready!

Name	Link
🔨 Latest commit	04d68b4
🔍 Latest deploy log	https://app.netlify.com/sites/regen-website/deploys/66b4c03043769100083c401a
😎 Deploy Preview	https://deploy-preview-2419--regen-website.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.

[blushi]

@erikalogie @clevinson see testing instructions

[erikalogie]

This looks awesome! I just provided you with a mobile version that is every so slightly different (smaller paragraph text and icon), but otherwise, this looks amazing! Sorry for not providing this earlier too: https://www.figma.com/design/BTuUv6QXY4GbliZcXCe8RJ/Fiat-payments?node-id=3979-86580&t=kJffMCY9IWXtRyzh-1

[blushi]

This looks awesome! I just provided you with a mobile version that is every so slightly different (smaller paragraph text and icon), but otherwise, this looks amazing! Sorry for not providing this earlier too: https://www.figma.com/design/BTuUv6QXY4GbliZcXCe8RJ/Fiat-payments?node-id=3979-86580&t=kJffMCY9IWXtRyzh-1

Could you have another look @erikalogie ?

[erikalogie]

It looks kind of cut off at smaller viewports:

[blushi]

It looks kind of cut off at smaller viewports

@erikalogie ready for another look

[erikalogie]

LGTM