fix(ui-ux): set default network to mainnet

apps/web/src/components/WalletAddressInput.tsx

@@ -200,6 +200,7 @@ export default function WalletAddressInput({
           isPrimary && (
             <EnvironmentNetworkSwitch
               onChange={() => onAddressInputChange("")}
+              disabled={chain !== undefined}
             />
           )}
         <div

apps/web/src/layouts/contexts/NetworkEnvironmentContext.tsx

@@ -31,13 +31,13 @@ export function NetworkEnvironmentProvider({
   const router = useRouter();
   const env = getEnvironment(process.env.NODE_ENV);
   const networkQuery = router.query.network;
-
+  const defaultNetwork = EnvironmentNetwork.MainNet;
   const { chain } = useNetwork();
   const isEthereumMainNet = chain?.id === ETHEREUM_MAINNET_ID;
 
   function getNetwork(n: EnvironmentNetwork): EnvironmentNetwork {
-    if (!isEthereumMainNet && env.networks.includes(n)) {
-      return n;
+    if (chain === undefined) {
+      return env.networks.includes(n) ? n : defaultNetwork;
     }
     return isEthereumMainNet
       ? EnvironmentNetwork.MainNet
@@ -48,22 +48,20 @@ export function NetworkEnvironmentProvider({
   const [networkEnv, setNetworkEnv] =
     useState<EnvironmentNetwork>(initialNetwork);
 
+  const updateRoute = (value: EnvironmentNetwork) => {
+    router.replace(
+      {
+        pathname: "/",
+        query: value === defaultNetwork ? {} : { network: value },
+      },
+      undefined,
+      { shallow: true }
+    );
+  };
+
   const handleNetworkEnvChange = (value: EnvironmentNetwork) => {
-    if (isEthereumMainNet) {
-      // Network environment should never be updated
-      return;
-    }
     setNetworkEnv(value);
-    if (value !== initialNetwork) {
-      router.replace(
-        {
-          pathname: "/",
-          query: { network: value },
-        },
-        undefined,
-        { shallow: true }
-      );
-    }
+    updateRoute(value);
   };
 
   const resetNetworkEnv = () => {
@@ -72,7 +70,8 @@ export function NetworkEnvironmentProvider({
 
   useEffect(() => {
     setNetworkEnv(initialNetwork);
-  }, [initialNetwork]);
+    updateRoute(initialNetwork);
+  }, [initialNetwork, chain]);
 
   const context: NetworkContextI = useMemo(
     () => ({