new ux implementation + new chains support

[denis-orbs]

Updated the components with the new UI.
Added new chains: arbitrum, linea, base.

---

PR-Codex overview

This PR focuses on enhancing the TWAP (Time-Weighted Average Price) functionality by supporting additional blockchain networks and updating dependencies for related components.

Detailed summary

• Updated TWAP_SUPPORTED_CHAINS to include ChainId.ARBITRUM_ONE, ChainId.BASE, and ChainId.LINEA.
• Updated versions of @orbs-network/twap-ui and @orbs-network/twap-ui-pancake to 0.11.21.
• Added a new Layout component in limit.tsx.
• Improved the TwapAndLimitSwap component by integrating the PancakeTWAP component and adding a TransactionErrorContent component.
• Introduced styled components StyledSwapContainer and StyledInputCurrencyWrapper.
• Refactored the TWAPPanel to use the new toast functionality for notifications.

The following files were skipped due to too many changes: pnpm-lock.yaml

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

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
uikit	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 9, 2025 4:08pm

[vercel]

@denis-orbs is attempting to deploy a commit to the PancakeSwap Team on Vercel.

A member of the Team first needs to authorize it.

[socket-security]

New and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher
npm/@orbs-network/[email protected]	Transitive: environment, eval, network	+20	20.7 MB	denis-orbs
npm/@orbs-network/[email protected]	environment, network Transitive: eval	+23	63.7 MB	denis-orbs

🚮 Removed packages: npm/@orbs-network/[email protected], npm/@orbs-network/[email protected], npm/[email protected]

View full report↗︎