fix: handle long names and numbers issues

[mikasackermn]

Summary

Issues Found

- Incorrect USD Value Display

The displayed USD value for a transaction is sometimes incorrect.

Steps to Reproduce:

• Create a transaction from WKC.BSC to SMR.SHimmer.
• Enter an input amount between 1 and 5 → the USD value shown will be wrong.
• Enter an amount greater than 5 → the USD value will be correct.

- Missing Number in Parentheses

In some cases, the number inside the parentheses does not appear in the preview environment (while it is visible in production).

- Layout Issue with Long Chain Names and Dollar Amounts

When both the chain name and the USD value are long, the box height breaks and the layout looks misaligned.
According to the design, long chain names should be truncated with an ellipsis (...).

- General UI Misalignment in Routes List

The list of routes shows inconsistent alignment and spacing, creating visual clutter.

- Truncation Not Applied in Tooltips

Truncation rules are not being applied to tooltip content.

How did you test this change?

Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration

• Test A
• Test B

Checklist:

• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• I have added tests that prove my fix is effective or that my feature works
• Implemented a user interface (UI) change, referencing our Figma design to ensure pixel-perfect precision.