feat: X preview

[chefjackson]

---

PR-Codex overview

This PR focuses on enhancing various components and utility functions across the codebase.

Detailed summary

• Added styling to TransactionList component in TransactionList.tsx
• Updated imports and types in multiple files for better organization
• Added new tokens to pancake-default.tokenlist.json
• Updated components exports in widgets-internal/index.ts

The following files were skipped due to too many changes: packages/widgets-internal/swap/ApproveModalContent.tsx, packages/widgets-internal/swap/ApproveModalContentV1.tsx, apps/web/src/state/user/smartRouter.ts, packages/universal-router-sdk/src/swapRouter.ts, apps/web/src/components/Loader/CircleLoader.tsx, 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/useSendSwapTransaction.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/containers/CommitButton.tsx, apps/web/src/views/Swap/V3Swap/utils/exchange.ts, apps/web/src/views/Swap/components/AdvancedSwapDetails.tsx, apps/web/src/views/Swap/x/useRecentXOders.ts, apps/web/src/utils/reactQuery.ts, apps/web/src/components/Paymaster/GasTokenSelector.tsx, apps/web/src/hooks/useNativeWrap.ts, packages/widgets-internal/components/TransactionList/TransactionListItem.tsx, apps/web/src/views/Swap/V3Swap/containers/MMCommitButton.tsx, packages/utils/observe.ts, packages/widgets-internal/components/Card/index.tsx, apps/web/src/components/App/Transactions/XTransaction.tsx, apps/web/src/components/Card/index.tsx, apps/web/src/views/Swap/V3Swap/hooks/useSwapBestTrade.ts, apps/web/src/views/BuyCrypto/types.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/components/App/Transactions/Transaction.tsx, apps/web/src/views/Swap/V3Swap/hooks/useAllTypeBestTrade.ts, apps/web/src/views/Swap/V3Swap/index.tsx, apps/web/src/views/Swap/V3Swap/containers/TradeDetails.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

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