feat: support txv3 in estimateFee (UI)

[khanti42]

Description

This PR updates the UI to support fee estimation for both transaction versions V2 (pay fee in ETH) and V3 (pay fee in STRK). The changes introduce new components and logic to handle the selected fee token, allowing users to choose between different tokens for fee estimation.

see here for details.

Enregistrement.de.l.ecran.2024-08-14.a.14.11.38.mov

Summary of Changes:

• SendModal.view.tsx:

  • Added a DropDown component to select the fee token (ETH or STRK).
  • Updated state management to include feeToken.
  • Pass the selected fee token to relevant components.

• SendSummaryModal.view.tsx:

  • Added support for selecting fee token (ETH or STRK) in the fee estimation.
  • Adjusted calculations to handle different fee tokens and their respective balances.
  • Updated display elements to show the selected fee token for gas fees and total amounts.

• useStarkNetSnap.ts:

  • Modified function signatures to accept transactionVersion as an optional parameter.
  • Updated the call to include the transaction version when requesting fee estimates.

Impact:

• UI Changes:
  Users can now select between ETH and STRK as the fee token. The UI updates ensure that the fee estimation and total amount calculations reflect the selected fee token.

• Fee Estimation:
  Fee estimation now considers the transaction version and selected fee token, improving flexibility.

• Display Adjustments:
  Updated components to display amounts and fees in the context of the selected fee token.

These updates prepare the UI for enhanced fee estimation capabilities, accommodating future changes and different transaction versions.

Requirement:

Requires this PR to be merged first:

• feat: support txv3 in estimateFee and estimateFeeBulk [SNAP] #262
• feat: upgrade to sarknet.js v6.11.0 #296

[stanleyyconsensys]

LGTM

[sonarcloud]

Quality Gate passed for 'consensys_starknet-snap-starknet-snap'

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[sonarcloud]

Quality Gate passed for 'consensys_starknet-snap-wallet-ui'

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud