chore: change teleport text labels (#158)

* update deps

* chore: change teleport text labels

src/pages/AppShell.tsx

@@ -95,7 +95,7 @@ const navigationGroups: Array<{
       },
       {
         path: "/teleport",
-        label: "Teleport",
+        label: "Transfer",
         icon: ArrowRightLeft,
       },
     ],

src/pages/Teleport/Setup.tsx

@@ -130,8 +130,8 @@ const selectedAsset$ = state(
 const balance$ = selectedAsset$.pipeState(
   switchMap((asset) =>
     combineLatest([selectedAccount$, origin$, client$]).pipe(
-      switchMap(([selectedAccount, origin, client]) => {
-        if (!asset || !selectedAccount) return [null]
+      switchMap(async ([selectedAccount, origin, client]) => {
+        if (!asset || !selectedAccount) return null
         return getBalance({
           address: selectedAccount.address,
           chain: origin,
@@ -165,7 +165,7 @@ const AssetPicker = () => {
         contentClassName="w-[var(--radix-popover-trigger-width)] max-w-[calc(100vw-2rem)]"
       />
       <KeyValue
-        label="Balance"
+        label="Spendable balance"
         value={
           balance != null && selectedAsset
             ? formatToken(balance, selectedAsset)

src/pages/Teleport/Teleport.tsx

@@ -37,7 +37,7 @@ const Teleport = withSubscribe(
           <header className="flex flex-col gap-3 @lg:flex-row @lg:items-start @lg:justify-between">
             <div className="space-y-1">
               <h1 className="text-2xl font-semibold tracking-tight">
-                Teleport
+                Cross-chain Transfer
               </h1>
               <p className="text-sm text-muted-foreground">
                 Send assets from the connected chain to a supported destination.