Replace custom URL validation with zod

src/components/forms/hackerApplication.ts

@@ -12,15 +12,10 @@ import {
     volunteerSpecificOptions,
 } from "@data";
 import type { FormInput } from "./types";
+import * as z from 'zod';
 
 function isValidUrl(url: string) {
-    const pattern = new RegExp('^(https?:\\/\\/)?'+ // protocol
-        '((([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 (you never know!!)
-        '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*'+ // port and path
-        '(\\?[;&a-z\\d%_.~+=-]*)?'+ // query string
-        '(\\#[-a-z\\d_]*)?$','i'); // fragment locator
-    return !!pattern.test(url);
+    return z.string().url().safeParse(url).success;
 }
 
 export const hackerAppFormInputs: FormInput[] = [

src/pages/Application/Application.page.tsx

@@ -63,13 +63,7 @@ function getLogEventName(component: string) {
 }
 
 function isValidUrl(url: string) {
-    const pattern = new RegExp('^(https?:\\/\\/)?'+ // protocol
-        '((([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 (you never know!!)
-        '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*'+ // port and path
-        '(\\?[;&a-z\\d%_.~+=-]*)?'+ // query string
-        '(\\#[-a-z\\d_]*)?$','i'); // fragment locator
-    return !!pattern.test(url);
+    return z.string().url().safeParse(url).success;
 }
 
 export const ApplicationPage = () => {