fix: env switcher

Author: ddboy19912

src/App.tsx

@@ -14,8 +14,7 @@ import { ReactQueryDevtools } from "@tanstack/react-query-devtools"
 import { ConnectKitProvider } from "connectkit"
 import { resolvePublicUrl } from "@hyperbridge-fe/shared/lib"
 import { lazy, Suspense } from "react"
-import { Route, Routes } from "react-router"
-import { BrowserRouter } from "react-router"
+import { BrowserRouter, Route, Routes } from "react-router"
 import { Toaster } from "sonner"
 import { WagmiProvider } from "wagmi"
 

src/components/navigation/mobile-menu.tsx

@@ -5,7 +5,6 @@ import { observable } from "mobx"
 import { observer } from "mobx-react"
 import { domAnimation, LazyMotion, m } from "motion/react"
 import { Link } from "react-router"
-import { isAppStaging, isDevelopment } from "@/config/constants"
 import {
   getMobileMenuLinks,
   mobileMenuBottomLinks,
@@ -139,9 +138,7 @@ export const MobileMenuDrawer = observer(function MobileMenuDrawer(
       >
         <HBDrawerContent className="bg-brand-black-550 !inset-x-3 !bottom-4 min-h-[90svh] overflow-hidden rounded-[12px]">
           <div className="mt-2">
-            <If cond={isAppStaging || isDevelopment}>
-              <MobileNetworkEnvSwitch />
-            </If>
+            <MobileNetworkEnvSwitch />
 
             <nav className="mt-8 space-y-4">
               {mobileMenuLinks.map((link) =>

src/components/navigation/navbar.tsx

@@ -15,7 +15,6 @@ import { Image } from "@unpic/react"
 import { observer } from "mobx-react"
 import { Link } from "react-router"
 import { WalletConnectionButton } from "@/components/wallets/wallet-connection"
-import { isAppStaging, isDevelopment } from "@/config/constants"
 import { gatewayConfig } from "@/config/services/gateway-config.ts"
 import If from "@/components/utils/if"
 import { InitializeProviders } from "@/components/wallets/setup-provider"
@@ -44,7 +43,7 @@ export const Navbar = () => {
 
         <div className="flex items-center gap-2">
           <div className="hidden md:block">
-            {isAppStaging || isDevelopment ? <NetworkEnvSwitch /> : null}
+            <NetworkEnvSwitch />
           </div>
           <WalletConnectionButton />
         </div>
@@ -87,7 +86,7 @@ const NetworkEnvSwitch = observer(function NetworkEnvSwitch() {
           </span>
         </Button>
       </DropdownMenuTrigger>
-      <DropdownMenuContent align="end" className="text-[calc(14rem/16)">
+      <DropdownMenuContent align="end" className="text-[calc(14rem/16)]">
         {[mainnet, testnet].map((e) => {
           return (
             <DropdownMenuItem