Upgrade to newest stack

package.json

@@ -26,15 +26,17 @@
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@galacticcouncil/api-augment": "^0.0.3",
-    "@galacticcouncil/apps": "1.4.3-1",
-    "@galacticcouncil/bridge": "0.0.16",
+    "@galacticcouncil/apps": "3.3.0",
     "@galacticcouncil/math-lbp": "^0.1.3",
     "@galacticcouncil/math-liquidity-mining": "^0.1.3",
     "@galacticcouncil/math-xyk": "^0.1.3",
-    "@galacticcouncil/sdk": "0.3.1",
-    "@galacticcouncil/ui": "^1.2.12",
+    "@galacticcouncil/sdk": "^1.1.11",
+    "@galacticcouncil/ui": "^3.0.4",
+    "@galacticcouncil/xcm-cfg": "^1.10.1",
+    "@galacticcouncil/xcm-sdk": "^2.3.1",
     "@lit-labs/react": "^1.1.0",
     "@polkadot/api": "10.9.1",
+    "@polkadot/apps-config": "^0.132.1",
     "@polkadot/extension-inject": "^0.44.5",
     "@polkadot/ui-shared": "^3.1.4",
     "@radix-ui/react-dialog": "^1.0.0",

src/sections/trade/TradePage.tsx

@@ -2,19 +2,19 @@ import { Page } from "components/Layout/Page/Page"
 import { SContainer } from "./TradePage.styled"
 
 import type { TxInfo } from "@galacticcouncil/apps"
+import { Ecosystem } from "@galacticcouncil/apps"
 
 import * as React from "react"
 import * as Apps from "@galacticcouncil/apps"
 import { createComponent, EventName } from "@lit-labs/react"
 import { useAccountStore, useStore } from "state/store"
 import { z } from "zod"
 import { MakeGenerics, useSearch } from "@tanstack/react-location"
-import { PoolType } from "@galacticcouncil/sdk"
 import { useProviderRpcUrlStore } from "api/provider"
 import { useApiPromise } from "utils/api"
 
 export const TradeApp = createComponent({
-  tagName: "gc-trade-app",
+  tagName: "gc-trade",
   elementClass: Apps.TradeApp,
   react: React,
   events: {
@@ -90,14 +90,14 @@ export function TradePage() {
         <TradeApp
           ref={ref}
           onTxNew={(e) => handleSubmit(e)}
+          ecosystem={Ecosystem.Kusama}
           accountName={account?.name}
           accountProvider={account?.provider}
           accountAddress={account?.address}
           apiAddress={rpcUrl}
           stableCoinAssetId={usdAssetId}
           assetIn={search.success ? search.data.assetIn : undefined}
           assetOut={search.success ? search.data.assetOut : undefined}
-          pools={PoolType.XYK}
         />
       </SContainer>
     </Page>

src/sections/xcm/XcmPage.tsx

@@ -8,7 +8,7 @@ import { useAccountStore } from "state/store"
 import { GcTransactionCenter } from "./TransactionCenter"
 
 export const XcmApp = createComponent({
-  tagName: "gc-xcm-app",
+  tagName: "gc-xcm",
   elementClass: Apps.XcmApp,
   react: React,
 })