Refactor insufficient balance check in PayWithCrypto component

[mithatakbulut]

• Updated the logic for determining insufficient balance to handle undefined tokenBalance cases.

const tokenBalance = tokenBalancesData?.pages?.[0]?.balances?.find(balance =>
    compareAddress(balance.contractAddress, selectedCurrency.address)
  )

if tokenBalancesData?.pages?.[0]?.balances is an empty array, tokenBalance goes undefined, we don't check this for isInsufficientBalance.

Ticket link: https://github.com/0xsequence-demos/fusionpoint-issue-tracker/issues/40

API breaking changes:

• Yes
• No

Manual testing required:

• Yes
• No

Docs changes required:

• Yes
• No

[cloudflare-workers-and-pages]

Deploying web-sdk-react-example with    Cloudflare Pages

Latest commit:	968d3ce
Status:	✅  Deploy successful!
Preview URL:	https://e9ba052c.web-sdk-react-example.pages.dev
Branch Preview URL:	https://fix-paywithcryptotab-balance.web-sdk-react-example.pages.dev

View logs