feat: Cosmostation mobile

packages/web/config/wallet-registry.ts

@@ -300,6 +300,7 @@ export const CosmosWalletRegistry: CosmosRegistryWallet[] = [
   {
     ...CosmosKitWalletList["cosmostation-extension"],
     logo: "/wallets/cosmostation.png",
+    mobileDisabled: false,
     lazyInstall: () =>
       import("@cosmos-kit/cosmostation-extension").then(
         (m) => m.CosmostationExtensionWallet

packages/web/modals/wallet-select/use-selectable-wallets.ts

@@ -115,6 +115,23 @@ export const useSelectableWallets = ({
                 .map((wallet) => ({ ...wallet, mobileDisabled: false }));
             }
 
+            /**
+             * If on mobile and `cosmostation` is in `window`, it means that the user enters
+             * the frontend from Cosmostation's app in app browser. So, there is no need
+             * to use wallet connect, as it resembles the extension's usage.
+             */
+            if (
+              _window?.cosmostation &&
+              _window?.cosmostation?.mode === mobileWebModeName
+            ) {
+              return array
+                .filter(
+                  (wallet) =>
+                    wallet.name === AvailableCosmosWallets.Cosmostation
+                )
+                .map((wallet) => ({ ...wallet, mobileDisabled: false }));
+            }
+
             /**
              * If user is in a normal mobile browser, show only wallet connect
              */