[Refactor] Replace logic with calcTokenAmount

[digiwand]

What is this about?

Once https://github.com/MetaMask/metamask-extension/pull/25799 is merged, we can use calcTokenAmount in other parts of the application. Applying this consistency may prevent bugs and ensure consistent results

Files we can update with this PR:

• ui/components/ui/token-input/token-input.component.js
• ui/components/app/currency-input/currency-input.js
• ~ui/ducks/send/send.js~ done
• ~ui/pages/confirmations/components/confirm/info/typed-sign/permit-simulation/permit-simulation.tsx~ done
• ~ui/pages/confirmations/components/confirm/row/dataTree.tsx~ done

Potentially other files could be included.

Scenario

No response

Design

No response

Technical Details

No response

Threat Modeling Framework

No response

Acceptance Criteria

No response

Stakeholder review needed before the work gets merged

• [ ] Engineering (needed in most cases)
• [ ] Design
• [ ] Product
• [ ] QA (automation tests are required to pass before merging PRs but not all changes are covered by automation tests - please review if QA is needed beyond automation tests)
• [ ] Security
• [ ] Legal
• [ ] Marketing
• [ ] Management (please specify)
• [ ] Other (please specify)

References

No response

[digiwand]

Marked 3 in the list as done. Did a quick search and did not find other places we could reuse calcTokenAmount.

I think for the remaining two, it is not necessary to utilize calcTokenAmount since they have their own logic using Numeric with hex values. There are also no known issues for these two.

• ui/components/ui/token-input/token-input.component.js
• ui/components/app/currency-input/currency-input.js