Final style changes to login/signup

frontend/src/pages/saml-sso.tsx

@@ -56,10 +56,10 @@ export default function Login() {
               value={password}
               onChange={(e) => setPassword(e.target.value)}
               type="password"
-              placeholder="Enter your password..."
+              placeholder="Enter your email..."
               isRequired
-              autoComplete="current-password"
-              id="current-password"
+              autoComplete="email"
+              id="email"
               className="h-12"
             />
           </div>

frontend/src/pages/signup.tsx

@@ -33,6 +33,7 @@ export default function SignUp() {
   const router = useRouter();
   const { data: serverDetails } = useFetchServerStatus();
   const [isSignupWithEmail, setIsSignupWithEmail] = useState(false);
+  const [isCodeInputCheckLoading, setIsCodeInputCheckLoading] = useState(false);
   const { t } = useTranslation();
   const { email: providerEmail, providerAuthToken, isProviderUserCompleted } = useProviderAuth();
 
@@ -68,6 +69,7 @@ export default function SignUp() {
     if (step === 1 || step === 3 || step === 4) {
       setStep(step + 1);
     } else if (step === 2) {
+      setIsCodeInputCheckLoading(true);
       // Checking if the code matches the email.
       const response = await checkEmailVerificationCode({ email, code });
       if (response.status === 200) {
@@ -77,6 +79,7 @@ export default function SignUp() {
       } else {
         setCodeError(true);
       }
+      setIsCodeInputCheckLoading(false);
     }
   };
 
@@ -109,6 +112,7 @@ export default function SignUp() {
           incrementStep={incrementStep}
           setCode={setCode}
           codeError={codeError}
+          isCodeInputCheckLoading={isCodeInputCheckLoading}
         />
       );
     }