indicate whether qbo connection is in progress in qbo onboarding page (#855)

* feat: indicate whether qbo connection is in progress in qbo onboarding page

* wait for qbo creds to be posted before hiding the loader

Author: JustARatherRidiculouslyLongUsername

Diff for: src/app/integrations/qbo/qbo-onboarding/qbo-onboarding-landing/qbo-onboarding-landing.component.ts

@@ -64,8 +64,10 @@ export class QboOnboardingLandingComponent implements OnInit, OnDestroy {
     const payload: QBOConnectorPost = QBOConnectorModel.constructPayload(code, realmId);
 
     this.qboConnectorService.connectQBO(payload).subscribe((qboCredential: QBOCredential) => {
+      this.qboConnectionInProgress = false;
       this.router.navigate([`/integrations/qbo/main/dashboard`]);
     }, (error) => {
+      this.qboConnectionInProgress = false;
       const errorMessage = 'message' in error.error ? error.error.message : 'Failed to connect to QuickBooks Online. Please try again';
       if (errorMessage === 'Please choose the correct QuickBooks Online account') {
         this.isIncorrectQBOConnectedDialogVisible = true;
@@ -86,6 +88,7 @@ export class QboOnboardingLandingComponent implements OnInit, OnDestroy {
     };
 
     if (onboardingState !== QBOOnboardingState.COMPLETE) {
+      this.qboConnectionInProgress = false;
       this.router.navigate(['integrations/qbo/onboarding/connector'], navigationExtras);
     } else {
       this.postQboCredentials(code, realmId);