feat(swap): route screen behind See details (C4)

@shared/api/types/backend-api.ts

@@ -179,6 +179,8 @@ export interface SwapRoute {
   toAmount: string;
   paths: SwapPath[];
   fees: SwapFee[];
+  /** LI.FI only: the simulated Soroban resource fee, in XLM. */
+  resourceFee?: string;
 }
 
 export interface SwapUnavailable {

extension/src/popup/components/InternalTransaction/ReviewTransaction/components/SwapRateRow.tsx

@@ -39,7 +39,7 @@ export const SwapRateRow = ({
     <div className="ReviewTx__Details__Row ReviewTx__Details__Row--rate">
       <div className="ReviewTx__Details__Row__Title">
         <Icon.SwitchHorizontal01 />
-        {t("Rate")}
+        {t("Swap details rate")}
       </div>
       <div
         className="ReviewTx__Details__Row__Value"

extension/src/popup/components/InternalTransaction/ReviewTransaction/components/__tests__/SwapRateRow.test.tsx

@@ -44,6 +44,11 @@ describe("SwapRateRow", () => {
     ).toBeInTheDocument();
   });
 
+  it("labels the row with the swap rate key", () => {
+    renderRow({});
+    expect(screen.getByText("Swap details rate")).toBeInTheDocument();
+  });
+
   it("derives the value font-size from the rendered rate length", () => {
     renderRow({
       srcCode: "LONGTOKENA",