[PM-32530] [Defect] Double / infinite spinner is displayed when accessing an email verified Send (#19125)

* remove redundant spinner

* fix infinite spinner

apps/web/src/app/tools/send/send-access/send-access-email.component.html

@@ -27,6 +27,7 @@
     buttonType="primary"
     [loading]="loading()"
     [block]="true"
+    [disabled]="!otp?.value"
     class="tw-mb-3"
   >
     <span>{{ "viewSend" | i18n }} </span>

apps/web/src/app/tools/send/send-access/send-auth.component.html

@@ -1,13 +1,3 @@
-@if (loading()) {
-  <div class="tw-text-center">
-    <i
-      class="bwi bwi-spinner bwi-spin bwi-2x tw-text-muted"
-      title="{{ 'loading' | i18n }}"
-      aria-hidden="true"
-    ></i>
-    <span class="tw-sr-only">{{ "loading" | i18n }}</span>
-  </div>
-}
 <form [formGroup]="sendAccessForm" (ngSubmit)="onSubmit()">
   @if (error()) {
     <div class="tw-text-main tw-text-center">

apps/web/src/app/tools/send/send-access/send-auth.component.ts

@@ -81,13 +81,16 @@ export class SendAuthComponent implements OnInit {
     this.loading.set(true);
     this.unavailable.set(false);
     this.error.set(false);
-    const sendEmailOtp = await this.configService.getFeatureFlag(FeatureFlag.SendEmailOTP);
-    if (sendEmailOtp) {
-      await this.attemptV2Access();
-    } else {
-      await this.attemptV1Access();
+    try {
+      const sendEmailOtp = await this.configService.getFeatureFlag(FeatureFlag.SendEmailOTP);
+      if (sendEmailOtp) {
+        await this.attemptV2Access();
+      } else {
+        await this.attemptV1Access();
+      }
+    } finally {
+      this.loading.set(false);
     }
-    this.loading.set(false);
   }
 
   onBackToEmail() {