fix: validation in details form

components/HotelReservation/EnterDetails/Details/schema.ts

@@ -2,11 +2,25 @@ import { z } from "zod"
 
 import { phoneValidator } from "@/utils/phoneValidator"
 
+const stringMatcher = /^[\p{L}\s\-\.]+$/u
+
+const isValidString = (key: string) => stringMatcher.test(key)
+
 export const baseDetailsSchema = z.object({
-  countryCode: z.string(),
-  email: z.string().email(),
-  firstName: z.string(),
-  lastName: z.string(),
+  countryCode: z.string().min(1, { message: "Country is required" }),
+  email: z.string().email({ message: "Email address is required" }),
+  firstName: z
+    .string()
+    .min(1, { message: "First name is required" })
+    .refine(isValidString, {
+      message: "First name can't contain any special charachters",
+    }),
+  lastName: z
+    .string()
+    .min(1, { message: "Last name is required" })
+    .refine(isValidString, {
+      message: "Last name can't contain any special charachters",
+    }),
   phoneNumber: phoneValidator(),
 })