added service account header removed duplicate sign in button

components/servicebanner.js

@@ -1,8 +1,19 @@
 import useTranslation from "next-translate/useTranslation";
 import router from "next/router";
+import Link from "next/link";
 
-export default function ServiceBanner() {
+export default function ServiceBanner(props) {
     let { t, lang } = useTranslation();
+
+    const signInButton = () => {
+        router.push(
+            `${
+                router.locale == "cy" ? "/awd/mewngofnodi" : "/auth/signin"
+            }?callbackUrl=${encodeURIComponent(
+                window.location.href
+            )}&error=EmailSignin`
+        );
+    };
     return (
         <div className="servicebanner">
             <h1>
@@ -16,6 +27,16 @@ export default function ServiceBanner() {
                     alt="Planning casework"
                 />
             </h1>
+            {props.noSignin != true && (
+                <div className="serviceBanner_userDetails">
+                    <button
+                        onClick={() => signInButton()}
+                        className="govuk-header__link "
+                    >
+                        {t("common:signin-label")}
+                    </button>
+                </div>
+            )}
         </div>
     );
 }