add reactour for template

microfrontends/SignDocuments/src/Component/component/AddRoleModal.js

@@ -8,7 +8,9 @@ const AddRoleModal = (props) => {
       isOpen={props.isModalRole}
       handleClose={props.handleCloseRoleModal}
     >
-      <div className="addusercontainer">
+      <div 
+        className="addusercontainer"
+      >
         <form
           style={{ display: "flex", flexDirection: "column" }}
           onSubmit={props.handleAddRole}

microfrontends/SignDocuments/src/Component/component/fieldsComponent.js

@@ -20,7 +20,6 @@ function FieldsComponent({
   isDragSignatureSS,
   isSignYourself,
   addPositionOfSignature,
-
   signersdata,
   isSelectListId,
   setSignerObjId,
@@ -184,6 +183,7 @@ function FieldsComponent({
             )}
             {handleAddSigner && (
               <div
+                data-tut="reactourAddbtn"
                 style={{
                   margin: "5px 0 5px 0",
                   backgroundColor: themeColor(),

microfrontends/SignDocuments/src/Component/component/signerListPlace.js

@@ -254,7 +254,7 @@ function SignerListPlace({
         </>
       </div>
       {handleAddSigner && (
-        <div className="addSignerBtn" onClick={() => handleAddSigner()}>
+        <div data-tut="reactourAddbtn" className="addSignerBtn" onClick={() => handleAddSigner()}>
           <i className="fa-solid fa-plus"></i>
           <span style={{ marginLeft: 2 }}>Add</span>
         </div>