added watched cases and remove watched cases

components/homepage/casesearch.js

@@ -32,16 +32,19 @@ const RenderTextfield = ({
         <>
             <div className="govuk-form-group">
                 <div id="basicSearch-hint" className="govuk-hint ">
-                    <span className="govuk-body-s">{hint1}</span>
-
+                    <label
+                        className="govuk-label "
+                        htmlFor={id}
+                        id={id + "_label"}
+                    >
+                        <span className="govuk-body-s">{hint1}</span>
+                    </label>
                     <ul className="govuk-body-s govuk-!-margin-top-3">
                         <li>{hint2} </li>
                         <li>{hint3}</li>
                     </ul>
                 </div>
-                <label className="govuk-label " htmlFor={id} id={id + "_label"}>
-                    {label}
-                </label>
+
                 <div>
                     <input
                         {...input}

components/homepage/login.js

@@ -81,12 +81,13 @@ const RenderPasswordfield = ({
                         : "govuk-form-group "
                 }
             >
-                <div id="basicSearch-hint" className="govuk-hint ">
-                    <span className="govuk-body-m">{hint1}</span>
-                </div>
                 <label className="govuk-label " htmlFor={id} id={id + "_label"}>
                     {label}
                 </label>
+                <div id="basicSearch-hint" className="govuk-hint ">
+                    <span className="govuk-body-m">{hint1}</span>
+                </div>
+
                 {touched && error && (
                     <span id={id + "-error"} className="govuk-error-message">
                         <span className="govuk-visually-hidden">Error:</span>{" "}
@@ -181,7 +182,7 @@ let Login = (props) => {
                         type="text"
                         aria-describedby="basicSearch-hint"
                         hint1={t("home:login-card-id-label")}
-                        hint2={t("home:login-card-id-hint")}
+                        label={t("home:login-card-id-hint")}
                     />
 
                     <Field

components/homepage/loginSoon.js

@@ -10,9 +10,9 @@ export default function LoginSoon() {
     return (
         <div className="card" id="login-card">
             <div className="card-body active">
-                <h3 className="heading-small card-heading">
+                <h2 className="govuk-heading-s">
                     {t("home:login-card-title-temp")}
-                </h3>
+                </h2>
 
                 <div className="govuk-form-group govuk-!-margin-top-4">
                     <p className="govuk-body-s">