fix: long symbols wrap on TxApproval and TransactionDetail, and SuccessTx keeps its amount and recipient (closes #743)

TxApproval and TransactionDetail cut off a long symbol, amount or description at
the edge of the screen. These lines now wrap.

SuccessTx hid its Amount and To lines whenever it had a decoded action, even one
that showed neither. Each line is now hidden only when a readable decoded line
shows the same thing. A swap with no Amount line now shows its amount on
SuccessTx, as WaitTx and ErrorTx do.

Model: opus-5-5

tests/persistedFieldContract.test.js

@@ -1103,7 +1103,7 @@ describe("a popup reopened on a SuccessTx with a decoded record in another shape
         expect(page.node("success-tx-to").innerHTML).toContain(ADDRESS);
     });
 
-    test("a line it can read is shown", async () => {
+    test("a line it can read is shown, with the amount and the recipient", async () => {
         const page = await bootPopup(
             savedSuccess({
                 details: [null, { label: "Steps", value: "V3_SWAP_EXACT_IN" }],
@@ -1114,5 +1114,11 @@ describe("a popup reopened on a SuccessTx with a decoded record in another shape
         expect(page.node("success-tx-decoded").innerHTML).toContain(
             "V3_SWAP_EXACT_IN",
         );
+        const summary = page.node("success-tx-summary");
+        expect(summary.parentElement.classList.contains("hidden")).toBe(false);
+        expect(summary.textContent).toBe("1.0000 ETH");
+        const to = page.node("success-tx-to");
+        expect(to.parentElement.classList.contains("hidden")).toBe(false);
+        expect(to.innerHTML).toContain(ADDRESS);
     });
 });