feat: X preview

[0xjojoex]

---

PR-Codex overview

This PR updates package managers, refactors import paths, and adds new features like XRoutesBreakdown.

Detailed summary

• Updated package managers to [email protected]
• Refactored import paths to utils/reactQuery
• Added XRoutesBreakdown component
• Updated token list with new tokens
• Added isX flag to ApproveModalContent components

The following files were skipped due to too many changes: apps/web/src/state/user/smartRouter.ts, packages/universal-router-sdk/src/swapRouter.ts, apps/web/src/views/Swap/components/FormattedPriceImpact.tsx, apps/web/src/views/Swap/x/useSendXOrder.ts, apps/web/src/views/Swap/V3Swap/hooks/useCheckSufficient.ts, apps/web/src/views/Swap/V3Swap/hooks/useSwapCallArguments.ts, apps/web/src/views/Swap/utils.ts, apps/web/src/views/Swap/V3Swap/hooks/useSwapCallback.ts, apps/web/src/views/Swap/V3Swap/hooks/useSendSwapTransaction.ts, apps/web/src/views/Swap/V3Swap/containers/CommitButton.tsx, apps/web/src/views/Swap/V3Swap/utils/exchange.ts, apps/web/src/views/Swap/x/useRecentXOders.ts, apps/web/src/utils/reactQuery.ts, apps/web/src/hooks/useNativeWrap.ts, apps/web/src/views/Swap/components/AdvancedSwapDetails.tsx, apps/web/src/components/App/Transactions/XTransaction.tsx, apps/web/src/views/Swap/V3Swap/containers/MMCommitButton.tsx, packages/utils/observe.ts, apps/web/src/components/App/Transactions/Transaction.tsx, apps/web/src/views/BuyCrypto/types.ts, apps/web/src/views/Swap/V3Swap/hooks/useSwapBestTrade.ts, apps/web/src/components/Menu/GlobalSettings/SettingsModal.tsx, apps/web/src/views/Swap/V3Swap/hooks/useSwapInputError.ts, packages/universal-router-sdk/src/entities/protocols/pancakeswap.ts, apps/web/src/hooks/useWrapCallback.ts, apps/web/src/views/Swap/x/useWaitForXOrderReceipt.ts, apps/web/src/views/Swap/V3Swap/containers/TradeDetails.tsx, apps/web/src/views/Swap/V3Swap/hooks/useAllTypeBestTrade.ts, apps/web/src/views/Swap/V3Swap/index.tsx, apps/web/src/hooks/useBestAMMTrade.ts, apps/web/src/views/Swap/x/XSwapTransactionDetail.tsx, apps/web/src/views/Swap/x/api.ts, apps/web/src/views/Swap/V3Swap/components/SwapModalFooter.tsx, apps/web/src/views/Swap/MMLinkPools/components/MMCommitButton.tsx, apps/web/src/components/App/Transactions/TransactionsModal.tsx, apps/web/src/views/Swap/V3Swap/components/TransactionConfirmSwapContent.tsx, apps/web/src/views/Swap/V3Swap/containers/SwapCommitButton.tsx, apps/web/src/views/Swap/V3Swap/containers/ConfirmSwapModal.tsx, apps/web/src/views/Swap/V3Swap/hooks/useConfirmModalState.ts, pnpm-lock.yaml

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