fix: fix pricing displays (#3214)

* fix pricing displays

* update rate logic, code clean

src/lib/components/Swap/Summary/Summary.tsx

@@ -23,7 +23,7 @@ interface TokenValueProps {
 function TokenValue({ input, usdc, change }: TokenValueProps) {
   const percent = useMemo(() => {
     if (change) {
-      const percent = (change * 100).toPrecision(3)
+      const percent = change.toPrecision(3)
       return change > 0 ? `(+${percent}%)` : `(${percent}%)`
     }
     return undefined

src/lib/components/Swap/Toolbar.tsx

@@ -46,8 +46,9 @@ function LoadedState({ inputAmount, outputAmount, trade }: LoadedStateProps) {
 
   const ratio = useMemo(() => {
     const [a, b] = flip ? [outputAmount, inputAmount] : [inputAmount, outputAmount]
+    const priceString = (!flip ? executionPrice : executionPrice?.invert())?.toSignificant(6)
 
-    const ratio = `1 ${a.currency.symbol} = ${executionPrice?.toSignificant(6)} ${b.currency.symbol}`
+    const ratio = `1 ${a.currency.symbol} = ${priceString}} ${b.currency.symbol}`
     const usdc = !flip
       ? fiatValueInput
         ? ` ($${fiatValueInput.toSignificant(2)})`