issue #8442 : Moved the text to i18n format

.env

@@ -11,5 +11,3 @@ ESLINT_NO_DEV_ERRORS=true
 
 CARE_CDN_URL="https://egov-s3-facility-10bedicu.s3.amazonaws.com https://egov-s3-patient-data-10bedicu.s3.amazonaws.com http://localhost:4566"
 
-#.env
-CARE_API=http://127.0.0.1:9000

src/Components/Common/prescription-builder/ProcedureBuilder.tsx

@@ -1,6 +1,7 @@
 import { useState } from "react";
 import { PrescriptionDropdown } from "./PrescriptionDropdown";
 import CareIcon from "../../../CAREUI/icons/CareIcon";
+import { useTranslation } from "react-i18next";
 
 export type ProcedureType = {
   procedure?: string;
@@ -33,6 +34,7 @@ export default function ProcedureBuilder(props: Props<ProcedureType>) {
       procedures.map((procedure, index) => (index === i ? object : procedure)),
     );
   };
+  const { t } = useTranslation();
 
   return (
     <div className="mt-2">
@@ -64,7 +66,7 @@ export default function ProcedureBuilder(props: Props<ProcedureType>) {
                   </button>
                 </div>
                 <div className="w-full">
-                  Procedure Suggestions
+                  {t("Procedure Suggestions")}
                   <span className="text-danger-500">{" *"}</span>
                   <input
                     id="procedure-name"