Fix network url regex (#2033)

apps/web/src/components/Menu/DrawerContentWrapper.tsx

@@ -55,6 +55,7 @@ export const DrawerContentWrapper = ({
         as={Flex}
         position="relative"
         flexDirection="column"
+        overflowX="hidden"
         onScroll={handleScroll}
         paddingX={{ base: "24px", md: "40px" }}
       >

packages/components/src/utils/validationSchemes.test.ts

@@ -58,7 +58,7 @@ describe("getNetworkValidationScheme", () => {
         expect.objectContaining({ message: "RPC URL must be secure and start with 'https://'" }),
         expect.objectContaining({ message: "Enter a valid Tzkt API URL" }),
         expect.objectContaining({
-          message: "Tzkt Explorer URL must be secure and start with 'https://'",
+          message: "Enter a valid Tzkt Explorer URL",
         }),
       ])
     );

packages/components/src/utils/validationSchemes.ts

@@ -2,14 +2,8 @@ import { PROHIBITED_CHARACTERS } from "@umami/state";
 import { type Network } from "@umami/tezos";
 import { z } from "zod";
 
-const URL_REGEX = new RegExp(
-  "((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|" + // domain name
-    "((\\d{1,3}\\.){3}\\d{1,3}))" + // OR IP (v4) address
-    "(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*" + // port and path
-    "(\\?[;&a-z\\d%_.~+=-]*)?" + // query string
-    "(\\#[-a-z\\d_]*)?$",
-  "i"
-);
+const URL_REGEX =
+  /^(https?:\/\/)?(www\.)?([a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+)(\/[a-zA-Z0-9_-]+)*(\/?|\?[a-zA-Z0-9_-]+=?[a-zA-Z0-9_-]*(&[a-zA-Z0-9_-]+=?[a-zA-Z0-9_-]*)*)?(#[a-zA-Z0-9_-]+)?$/;
 
 const urlScheme = (urlType: string) =>
   z