chore: bump version to 2.21.7 in package.json and enhance captcha handling in auth components

- Updated application version from 2.21.6 to 2.21.7 in package.json.
- Improved conditional rendering for captcha loading states in PasswordResetRequestContainer, PasswordSignInForm, and ResendAuthLinkForm components to enhance user experience during authentication processes.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-supabase-saas-kit-turbo",
-  "version": "2.21.6",
+  "version": "2.21.7",
   "private": true,
   "sideEffects": false,
   "engines": {

packages/features/auth/src/components/password-reset-request-container.tsx

@@ -107,9 +107,18 @@ export function PasswordResetRequestContainer(params: {
                 type="submit"
               >
                 <If
-                  condition={captchaLoading}
-                  fallback={<Trans i18nKey={'auth:passwordResetLabel'} />}
+                  condition={
+                    !resetPasswordMutation.isPending && !captchaLoading
+                  }
                 >
+                  <Trans i18nKey={'auth:passwordResetLabel'} />
+                </If>
+
+                <If condition={resetPasswordMutation.isPending}>
+                  <Trans i18nKey={'auth:passwordResetLabel'} />
+                </If>
+
+                <If condition={captchaLoading}>
                   <Trans i18nKey={'auth:verifyingCaptcha'} />
                 </If>
               </Button>

packages/features/auth/src/components/password-sign-in-form.tsx

@@ -134,7 +134,7 @@ export function PasswordSignInForm({
             </span>
           </If>
 
-          <If condition={!redirecting && !loading}>
+          <If condition={!redirecting && !loading && !captchaLoading}>
             <span className={'animate-out fade-out flex items-center'}>
               <Trans i18nKey={'auth:signInWithEmail'} />
 

packages/features/auth/src/components/resend-auth-link-form.tsx

@@ -94,7 +94,9 @@ export function ResendAuthLinkForm(props: {
             <Trans i18nKey={'auth:resendingLink'} />
           </If>
 
-          <Trans i18nKey={'auth:resendLink'} defaults={'Resend Link'} />
+          <If condition={!resendLink.isPending && !captchaLoading}>
+            <Trans i18nKey={'auth:resendLink'} defaults={'Resend Link'} />
+          </If>
         </Button>
       </form>