fix: correct pending send transaction amount display (#2170)

## What changed (plus any additional context for devs)

- Fixed an issue in `ActivityValue.tsx` by refactoring how we handle transaction changes:
  - Renamed `changeAsset` to `changeWithAsset` to better reflect that we're storing the entire change object, not just the asset
  - Updated the logic to access the asset property from the change object

- Enhanced transaction building in the Send page:
  - Added proper raw amount conversion for asset transactions
  - Improved how assets are handled in pending transactions by using `parseUserAssetBalances`
  - Ensured consistent asset formatting in transaction changes

## What to test

- Send tokens and verify the transaction appears correctly in activity
- Check that transaction values display properly in the activity list
- Verify that NFT transactions show the correct asset information
- Test sending various token amounts and confirm the raw amounts are calculated correctly
- Ensure transaction direction is properly displayed in the activity feed

<!-- start pr-codex -->

---

## PR-Codex overview
This PR updates the version numbers in `manifest.json` and `package.json` to `1.5.179`. It also refines the logic in `ActivityValue.tsx` for handling asset changes and introduces new utility functions in `index.tsx` for converting amounts and parsing user asset balances in transaction handling.

### Detailed summary
- Updated version in `manifest.json` from `1.5.178` to `1.5.179`.
- Updated version in `package.json` from `1.5.178` to `1.5.179`.
- Renamed variable `changeAsset` to `changeWithAsset` in `ActivityValue.tsx`.
- Improved logic for determining asset changes in `ActivityValue.tsx`.
- Added `convertAmountToRawAmount` and `parseUserAssetBalances` imports in `index.tsx`.
- Modified `buildPendingTransaction` function to use `rawAmount` and `changeAsset`.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}`

<!-- end pr-codex -->

Author: janek26

package.json

@@ -1,7 +1,7 @@
 {
   "name": "browser-extension",
   "license": "GPL-3.0-only",
-  "version": "1.5.178",
+  "version": "1.5.179",
   "scripts": {
     "//enable dev mode": "",
     "devmode:on": "sed -i'' -e 's/IS_DEV.*/IS_DEV=true/g' .env",

src/entries/popup/pages/home/Activity/ActivityValue.tsx

@@ -108,12 +108,12 @@ const activityValues = (transaction: RainbowTransaction) => {
     return approvalTypeValues(transaction);
 
   const nonNftChanges = changes?.filter((c) => c?.asset.type !== 'nft') ?? [];
-  const changeAsset =
+  const changeWithAsset =
     !direction && nonNftChanges.length === 1 // if there's no direction and only one change
-      ? nonNftChanges[0]?.asset // use the first change
-      : nonNftChanges.find((c) => c?.direction === direction)?.asset; // else: use the change with the direction
+      ? nonNftChanges[0] // use the first change
+      : nonNftChanges.find((c) => c?.direction === direction); // else: use the change with the direction
 
-  const asset = changeAsset ?? _asset;
+  const asset = changeWithAsset?.asset ?? _asset;
 
   if (!asset || !isParsedUserAsset(asset) || asset.type === 'nft') return;
 

src/entries/popup/pages/send/index.tsx

@@ -41,11 +41,13 @@ import {
 } from '~/core/types/gas';
 import { UniqueAsset } from '~/core/types/nfts';
 import { NewTransaction, TxHash } from '~/core/types/transactions';
+import { parseUserAssetBalances } from '~/core/utils/assets';
 import { chainIdToUse } from '~/core/utils/chains';
 import {
   getUniqueAssetImagePreviewURL,
   getUniqueAssetImageThumbnailURL,
 } from '~/core/utils/nfts';
+import { convertAmountToRawAmount } from '~/core/utils/numbers';
 import { addNewTransaction } from '~/core/utils/transactions';
 import {
   Box,
@@ -298,17 +300,32 @@ export function Send() {
 
   const buildPendingTransaction = useCallback(
     (result: TransactionResponse) => {
+      const rawAmount =
+        asset && assetAmount
+          ? convertAmountToRawAmount(assetAmount, asset.decimals || 18)
+          : '0';
+
+      const changeAsset = nft
+        ? buildNftAssetObject(nft)
+        : asset && assetAmount
+        ? parseUserAssetBalances({
+            asset,
+            balance: rawAmount,
+            currency: currentCurrency,
+          })
+        : asset;
+
       return {
         changes: [
           nft
             ? { direction: 'out', asset: buildNftAssetObject(nft) }
             : {
                 direction: 'out',
-                asset,
-                value: assetAmount,
+                asset: changeAsset,
+                value: rawAmount,
               },
         ],
-        asset: nft ? buildNftAssetObject(nft) : asset,
+        asset: changeAsset,
         data: result.data,
         value: result.value.toString(),
         from: fromAddress,
@@ -333,6 +350,7 @@ export function Send() {
       asset,
       assetAmount,
       buildNftAssetObject,
+      currentCurrency,
       fromAddress,
       nft,
       selectedGas.transactionGasParams,

static/manifest.json

@@ -68,7 +68,7 @@
     "notifications"
   ],
   "short_name": "Rainbow",
-  "version": "1.5.178",
+  "version": "1.5.179",
   "web_accessible_resources": [
     {
       "matches": [