Resolve display issue for Multi payer on job close.

client/src/pages/jobs-close/jobs-close.component.jsx

@@ -371,8 +371,9 @@ export function JobsCloseComponent({job, bodyshop, jobRO, insertAuditTrail}) {
                         </Form.Item>
                     )}
                 </LayoutFormRow>
-                <Divider>{t("jobs.labels.multipayers")}</Divider>
+               
                 {Qb_Multi_Ar.treatment === "on" && (
+                  <><Divider>{t("jobs.labels.multipayers")}</Divider>
                     <Row gutter={[16, 16]}>
                         <Col lg={8} md={24}>
                             <Form.List
@@ -451,7 +452,9 @@ export function JobsCloseComponent({job, bodyshop, jobRO, insertAuditTrail}) {
                                                         <DeleteFilled
                                                             disabled={jobRO}
                                                             onClick={() => {
+                                                              if(!jobRO){
                                                                 remove(field.name);
+                                                              }
                                                             }}
                                                         />
                                                     </Space>
@@ -529,6 +532,7 @@ export function JobsCloseComponent({job, bodyshop, jobRO, insertAuditTrail}) {
                             </Form.Item>
                         </Col>
                     </Row>
+                  </>
                 )}
                 <Divider/>
                 <JobsCloseLines job={job}/>