fix(FE): fixing edit product SO per row

src/components/pages/marketing/form/repeater/sales-order/SalesOrderProductForm.tsx

@@ -39,7 +39,10 @@ const SalesOrderProductForm = ({
   initialValues?: SalesOrderProductFormValues;
   exisitingValues?: SalesOrderProductFormValues[];
   modalRef?: RefObject<HTMLDialogElement | null>;
-  onSubmitForm?: (value: SalesOrderProductFormValues) => Promise<void>;
+  onSubmitForm?: (
+    value: SalesOrderProductFormValues,
+    id?: number
+  ) => Promise<void>;
 }) => {
   const [formErrorMessage, setFormErrorMessage] = useState('');
   const [currentInput, setCurrentInput] = useState<string>('');
@@ -76,7 +79,7 @@ const SalesOrderProductForm = ({
     validationSchema: SalesOrderProductSchema,
     onSubmit: async (values) => {
       setFormErrorMessage('');
-      onSubmitForm?.(values);
+      onSubmitForm?.(values, initialValues?.id);
       handleResetForm();
     },
     validateOnBlur: true,
@@ -414,7 +417,9 @@ const SalesOrderProductForm = ({
           />
         </div>
 
-        <AlertErrorList formErrorList={formErrorList} onClose={close} />
+        <div className='mt-4'>
+          <AlertErrorList formErrorList={formErrorList} onClose={close} />
+        </div>
 
         <div className='flex flex-row justify-end gap-3 mt-4'>
           <Button type='reset' color='warning' onClick={handleResetForm}>