replace env variable useage so dyanmic not built

components/homepage/login.js

@@ -108,8 +108,15 @@ const RenderPasswordfield = ({
 
 let Login = (props) => {
     let { t } = useTranslation();
-    const { handleSubmit, pristine, reset, submitting, setLoggedInUserId } =
-        props;
+    const {
+        handleSubmit,
+        pristine,
+        reset,
+        submitting,
+        setLoggedInUserId,
+        GG_CLIENT_ID,
+        GG_REDIRECT_URI,
+    } = props;
 
     const router = useRouter();
     const { locale } = router;
@@ -121,9 +128,9 @@ let Login = (props) => {
         "built login url path:",
         props.govGateway.config.authorization_endpoint +
             "?response_type=code&scope=openid&client_id=" +
-            process.env.NEXT_PUBLIC_GG_CLIENT_ID +
+            GG_CLIENT_ID +
             "&redirect_uri=" +
-            process.env.NEXT_PUBLIC_GG_REDIRECT_URI +
+            GG_REDIRECT_URI +
             "&ui_locales=" +
             (router.locale == "cy" ? "cy" : "en-GB")
     );
@@ -176,9 +183,9 @@ let Login = (props) => {
         let ggUrl =
             props.govGateway.config.authorization_endpoint +
             "?response_type=code&scope=openid&client_id=" +
-            process.env.NEXT_PUBLIC_GG_CLIENT_ID +
+            GG_CLIENT_ID +
             "&redirect_uri=" +
-            process.env.NEXT_PUBLIC_GG_REDIRECT_URI +
+            GG_REDIRECT_URI +
             "&ui_locales=" +
             (router.locale == "cy" ? "cy" : "en-GB");
 
@@ -187,6 +194,13 @@ let Login = (props) => {
         router.replace(ggUrl);
     };
 
+    const govGatwayForgottenLink = () => {
+        let ggUrl =
+            props.govGateway.config.authorization_endpoint +
+            "/login/forgot-password";
+        router.replace(ggUrl);
+    };
+
     return (
         <div className="card" id="login-card">
             <div className="card-body active">
@@ -268,11 +282,14 @@ let Login = (props) => {
                         </Link>
                     </p>
                     <p className="govuk-body-s">
-                        <Link href="/">
-                            <a className="govuk-link--no-underline">
-                                {t("home:login-card-forgotten-label")}{" "}
-                            </a>
-                        </Link>
+                        <a
+                            onClick={() => {
+                                govGatwayForgottenLink();
+                            }}
+                            className="govuk-link--no-underline"
+                        >
+                            {t("home:login-card-forgotten-label")}{" "}
+                        </a>
                     </p>
                 </div>
             </div>