fix: move forgot password link below sign-in button

Repositions the "Forgot password?" link from above the sign-in button
to below it, matching the desired layout. Updates link style to be
centered with link color instead of right-aligned muted text.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

ui/sign-in/src/SignInPage.module.css

@@ -100,13 +100,12 @@
   background: none;
   border: none;
   cursor: pointer;
-  color: var(--text-muted);
+  color: var(--text-link, #C6820E);
   font-size: 13px;
   padding: 0;
-  text-decoration: underline;
-  text-align: right;
-  align-self: flex-end;
-  margin-top: -8px;
+  text-decoration: none;
+  text-align: center;
+  align-self: center;
 }
 
 .forgotLink:hover {

ui/sign-in/src/SignInPage.tsx

@@ -351,16 +351,6 @@ export function SignInPage() {
                 </div>
               </FormField>
 
-              {emailConnectorConfigured && (
-                <button
-                  type="button"
-                  className={styles.forgotLink}
-                  onClick={() => { setError(null); setMode('forgotPassword'); }}
-                >
-                  Forgot password?
-                </button>
-              )}
-
               <Button
                 variant="primary"
                 type="submit"
@@ -371,6 +361,16 @@ export function SignInPage() {
                 Sign in
               </Button>
 
+              {emailConnectorConfigured && (
+                <button
+                  type="button"
+                  className={styles.forgotLink}
+                  onClick={() => { setError(null); setMode('forgotPassword'); }}
+                >
+                  Forgot password?
+                </button>
+              )}
+
               {registrationEnabled && (
                 <p className={styles.switchText}>
                   Don't have an account?{' '}