Implement Fund Card component

[rustam-cb]

What changed? Why?
Implemented a new component FundCard
P/PS: https://docs.google.com/document/d/1y57fxsga2ZLF8-ieH2OY7jvqx5468txQuek1WTYPBxE/edit?tab=t.0

Usage:

FundCard assetSymbol="ETH" /> 

Component is customizable and there are few components that can be passed into it.

  AmountInputComponent 
  HeaderComponent
  AmountInputTypeSwithComponent
  PaymentMethodSelectorDropdownComponent
  SubmitButtonComponent

Fiat input	Crypto input

No input (default)	payment method dropdown

Notes to reviewers
Overall component structure:

• FundCard
• • HeaderComponent
• • AmountInputComponent
• • PaymentMethodDropdownComponent
• • SubmitButtonComponent

How has it been tested?

• Unit tests
• Manual testing

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
onchainkit-coverage	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 9, 2025 11:58pm
onchainkit-playground	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 9, 2025 11:58pm
onchainkit-routes	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 9, 2025 11:58pm

[mindapivessa]

Coinbase C should be Coinbase Blue.

found a few small issues when testing in playground

[abcrane123]

i think the buy button is disabled here because i haven't connected wallet. you can probably do the same thing I did in the Buy component (replace buy button with connect wallet button if not connected)

[alessey]

can we add limits that correspond to the onramp limits? i.e.

[alessey]

is this shadow under the dropdown correct?

[alessey]

debit card says up to 500/week (but doesn't disable when i input > 500), but when it goes to onramp, it tells me up to 750.

[alessey]

spacing between value and currency changes when you max out the input, may need to adjust the max width