fix: update angular text

Author: raktima-opensignlabs

apps/OpenSign/public/locales/en/translation.json

@@ -642,12 +642,13 @@
   "public-template-mssg-3"  :"Need more details or examples?",
   "public-template-mssg-4": "Visit the",
   "public-template-mssg-5": " npm for the latest updates, detailed documentation, and version history.",
-   "public-template-mssg-6" :"You need to set this template as public before you can utilize this code snippet.",
+  "public-template-mssg-6" :"You need to set this template as public before you can utilize this code snippet.",
   "copy-code":"COPY",
   "copied-code":"COPIED",
   "Installation":"Installation",
   "Usage" :"Usage",
   "unauthorized-modal":"You don't have permission to perform this action, please contact {{adminName}}<{{adminEmail}}>.",
   "insufficient-credits":"Insufficient Signing Credits",
-  "insufficient-credits-mssg":"The owner of this document currently lacks the necessary OpenSign credits for you to sign. Please reach out to the owner if you require further details."
+  "insufficient-credits-mssg":"The owner of this document currently lacks the necessary OpenSign credits for you to sign. Please reach out to the owner if you require further details.",
+  "angular-npm-mssg-1": "To integrate OpenSign into your Angular project, simply run the following command:"
 }

apps/OpenSign/public/locales/fr/translation.json

@@ -649,5 +649,6 @@
   "Usage" :"Usage",
   "unauthorized-modal":"Vous n'êtes pas autorisé à effectuer cette action, veuillez contacter {{adminName}}<{{adminEmail}}>.",
   "insufficient-credits":"Crédits de signature insuffisants",
-   "insufficient-credits-mssg" :"Le propriétaire de ce document ne dispose actuellement pas des crédits OpenSign nécessaires pour que vous puissiez le signer. Veuillez contacter le propriétaire si vous avez besoin de plus de détails."
-}
+   "insufficient-credits-mssg" :"Le propriétaire de ce document ne dispose actuellement pas des crédits OpenSign nécessaires pour que vous puissiez le signer. Veuillez contacter le propriétaire si vous avez besoin de plus de détails.",
+   "angular-npm-mssg-1" :"Pour intégrer OpenSign dans votre projet Angular, exécutez simplement la commande suivante :"
+  }

apps/OpenSign/src/components/pdf/EmbedTab.js

@@ -127,11 +127,9 @@ export class AppComponent{
                   <p className="font-medium text-[18px]">
                     {t(`${data.title}`)}
                   </p>
-                  {ind === 0 && (
-                    <p className="text-[13px] mt-2">
-                      {t("public-template-mssg-1")}
-                    </p>
-                  )}
+                  <p className="text-[13px] mt-2">
+                    {t("public-template-mssg-1")}
+                  </p>
                   <div className="relative p-1">
                     <div
                       onClick={() => handleCopy(data.codeString, ind)}
@@ -152,11 +150,9 @@ export class AppComponent{
                       {data.codeString}
                     </SyntaxHighlighter>
                   </div>
-                  {ind === 0 && (
-                    <p className="text-[13px] mb-3">
-                      {t("public-template-mssg-2")}
-                    </p>
-                  )}
+                  <p className="text-[13px] mb-3">
+                    {t("public-template-mssg-2")}
+                  </p>
                 </div>
               );
             })}
@@ -215,11 +211,11 @@ export class AppComponent{
                     <p className="font-medium text-[18px]">
                       {t(`${data.title}`)}
                     </p>
-                    {ind === 0 && (
-                      <p className="text-[13px] mt-2">
-                        {t("public-template-mssg-1")}
-                      </p>
-                    )}
+
+                    <p className="text-[13px] mt-2">
+                      {t("angular-npm-mssg-1")}
+                    </p>
+
                     <div className="relative p-1">
                       <div
                         onClick={() => handleCopy(data.codeString, ind)}
@@ -240,11 +236,6 @@ export class AppComponent{
                         {data.codeString}
                       </SyntaxHighlighter>
                     </div>
-                    {ind === 0 && (
-                      <p className="text-[13px] mb-3">
-                        {t("public-template-mssg-2")}
-                      </p>
-                    )}
                   </div>
                 );
               })}