fix: make all the configuration wizards work (#2267)

Correct labels in the context of the wizards, make no wizard terminates
prematurely, make modal windows appear well positioned.

Fixes: WEB-11

src/app/products/loan-products/loan-products.component.html

@@ -59,7 +59,7 @@
 </div>
 
 <ng-template #templateButtonCreateLoanProduct let-popover="popover">
-  <h2>{{ 'labels.heading.Create Loan Product' | translate }}t</h2>
+  <h2>{{ 'labels.heading.Create loan product' | translate }}</h2>
   <p class="mw300">{{ 'labels.text.This option allows you to create new loan product.' | translate }}</p>
   <div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="2%" fxLayout.lt-md="column">
     <button mat-raised-button color="warn" (click)="popover.close(); configurationWizardService.closeConfigWizard()">

src/app/products/saving-products/saving-products.component.html

@@ -73,7 +73,7 @@
       color="primary"
       (click)="popover.close(); showPopover(templateSavingProductTable, savingProductTable, 'top', true)"
     >
-      {{ 'labels.buttons.Next' | translate }}t
+      {{ 'labels.buttons.Next' | translate }}
     </button>
   </div>
 </ng-template>

src/app/products/share-products/share-products.component.html

@@ -87,7 +87,7 @@
   <h4 class="mw300">
     {{ 'labels.heading.List of share products in the organization' | translate }}:
     <a href="https://mifosforge.jira.com/wiki/spaces/docs/pages/129531946/Share+products" target="_blank">{{
-      'labels.buttons.Share Products' | translate
+      'labels.text.Share Products' | translate
     }}</a>
   </h4>
   <div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="2%" fxLayout.lt-md="column">