tokens icons fix and optimization

apps/web/package.json

@@ -41,8 +41,8 @@
     "@gnosis.pm/safe-apps-wagmi": "^1.2.0",
     "@kyberswap/pancake-liquidity-widgets": "1.0.6",
     "@next/bundle-analyzer": "13.0.7",
-    "@orbs-network/twap-ui": "0.11.27",
-    "@orbs-network/twap-ui-pancake": "0.11.27",
+    "@orbs-network/twap-ui": "0.11.30",
+    "@orbs-network/twap-ui-pancake": "0.11.30",
     "@pancakeswap/achievements": "workspace:*",
     "@pancakeswap/blog": "workspace:*",
     "@pancakeswap/canonical-bridge": "workspace:*",

apps/web/src/views/Swap/Twap/Twap.tsx

@@ -4,7 +4,7 @@ import { Currency, CurrencyAmount, TradeType } from '@pancakeswap/swap-sdk-core'
 import { AutoColumn, Button, useMatchBreakpoints, useModal, useToast, useTooltip } from '@pancakeswap/uikit'
 import replaceBrowserHistoryMultiple from '@pancakeswap/utils/replaceBrowserHistoryMultiple'
 import { useUserSingleHopOnly } from '@pancakeswap/utils/user'
-import { NumericalInput, SwapUIV2 } from '@pancakeswap/widgets-internal'
+import { CurrencyLogo, NumericalInput, SwapUIV2 } from '@pancakeswap/widgets-internal'
 import ConnectWalletButton from 'components/ConnectWalletButton'
 import { AutoRow } from 'components/Layout/Row'
 import CurrencySearchModal from 'components/SearchModal/CurrencySearchModal'
@@ -201,10 +201,20 @@ export function TWAPPanel({ limit }: { limit?: boolean }) {
       toast={toast}
       FlipButton={FlipButton}
       Input={Input}
+      CurrencyLogo={TokenLogo}
     />
   )
 }
 
+const TokenLogo = ({ address, size }: { address?: string; size?: string }) => {
+  const currency = useCurrency(address)
+
+  if (!currency) {
+    return null
+  }
+  return <CurrencyLogo currency={currency} size={size} />
+}
+
 const switchAnimation = keyframes`
   from {transform: rotate(0deg);}
   to {transform: rotate(180deg);}