refactor: update help message

Author: prafull-opensignlabs

apps/OpenSign/src/components/shared/fields/SignersInput.js

@@ -108,10 +108,10 @@ const SignersInput = (props) => {
       <label className="block">
         Signers
         {props.required && <span className="text-red-500 text-[13px]">*</span>}
-        <span className="ml-1 text-xs z-[999]">
+        <span className="absolute ml-1 text-xs z-50">
           <Tooltip
             id={"signer-tooltip"}
-            message={"This is a list of contacts/signers added by you"}
+            message={"Begin typing a contact's name to see suggested signers from your saved contacts or add new ones. Arrange the signing order by adding signers in the desired sequence. Use the '+' button to include signers and the 'x' to remove them. Each signer will receive an email prompt to sign the document in the order listed."}
           />
         </span>
       </label>

apps/OpenSign/src/json/ReportJson.js

@@ -186,7 +186,7 @@ export default function reportJson(id) {
           }
         ],
         helpMsg:
-          "This is a list of templates that are used to create documents"
+          "This is a list of templates that are available to you for creating documents. You can click the 'use' button to create a new document using a template, modify the document & add signers in the next step."
       };
     default:
       return null;

apps/OpenSign/src/pages/UserProfile.js

@@ -264,7 +264,7 @@ function UserProfile() {
                 <div className="flex justify-between items-center py-2">
                   <span className="font-semibold">
                     Disable DocumentId :{" "}
-                    <Tooltip url={"https://docs.opensignlabs.com/docs/help/Settings/profile/"} />{" "}
+                    <Tooltip url={"https://docs.opensignlabs.com/docs/help/Settings/disabledocumentid"} />{" "}
                   </span>{" "}
                   <label
                     className={`${

apps/OpenSign/src/primitives/Tooltip.js

@@ -3,11 +3,11 @@ import { Tooltip as ReactTooltip } from "react-tooltip";
 import { openInNewTab } from "../constant/Utils";
 const Tooltip = ({ children, id, message, url, iconColor }) =>
   url ? (
-    <button onClick={() => openInNewTab(url)}>
+    <button onClick={() => openInNewTab(url)} className="text-center">
       {children ? (
         children
       ) : (
-        <i className="fa-solid fa-question border-[1.5px] px-1.5 py-0.5 rounded-full border-[#33bbff] text-xs text-[#33bbff]"></i>
+        <i className="fa-solid fa-question text-xs border-[1.5px] px-1 rounded-full border-[#33bbff] text-[#33bbff]"></i>
       )}
     </button>
   ) : (
@@ -21,7 +21,7 @@ const Tooltip = ({ children, id, message, url, iconColor }) =>
           children
         ) : (
           <i
-            className="fa-solid fa-question z-50 border-[1.5px] px-1.5 py-0.5 rounded-full text-xs"
+            className="fa-solid fa-question text-xs border-[1.5px] px-1 rounded-full border-[#33bbff] text-[#33bbff]"
             style={{
               borderColor: iconColor ? iconColor : "#33bbff",
               color: iconColor ? iconColor : "#33bbff"