make JAF in next step and bigger (#444)

Author: Princekumarofficial

src/app/(authroutes)/layout.tsx

@@ -44,7 +44,7 @@ const AuthLayout = async ({ children }: Props) => {
 
           {/* Right side - Form section - Scrollable */}
           <div className="flex-1 flex flex-col justify-center px-8 py-12 lg:px-12 xl:px-16 bg-white lg:ml-[560px]">
-            <div className="sm:mx-auto sm:w-full sm:max-w-lg lg:max-w-xl xl:max-w-2xl">
+            <div className="sm:mx-auto sm:w-full max-w-none">
               <Suspense fallback={<div className="animate-pulse bg-gray-200 h-64 rounded-lg"></div>}>
                 {children}
               </Suspense>

src/components/JAF/JAF.tsx

@@ -125,6 +125,11 @@ function JAF({ mode = "standalone", onSubmit, submitLabel }: JAFProps) {
             toast.error("At least one recruiter contact is required");
             return;
           }
+          const sanitizedSalaries = (values.salaries || []).map((salary: any) => {
+            const { hasCpiCriterion, hasHighSchoolCriteria, ...rest } = salary || {};
+            return rest;
+          });
+
           const payload: JafDto = {
             job: {
               seasonId: values.seasonId,
@@ -176,7 +181,7 @@ function JAF({ mode = "standalone", onSubmit, submitLabel }: JAFProps) {
                     : undefined,
               },
             },
-            salaries: values.salaries || [],
+            salaries: sanitizedSalaries,
           };
 
           try {