WEB-377:fix improve deposit form heading styling and appearance (#2952)

Author: shubhamkumar9199

src/app/savings/saving-account-actions/savings-account-transactions/savings-account-transactions.component.html

@@ -1,14 +1,14 @@
 <div class="container mat-elevation-z8">
   <mat-card>
     @if (transactionType.withdrawal) {
-      <h2 mat-title class="m-l-10">
+      <mat-card-title class="form-heading">
         {{ 'labels.heading.Withdraw Money From Saving Account' | translate }}
-      </h2>
+      </mat-card-title>
     }
     @if (transactionType.deposit) {
-      <h2 mat-title class="m-l-10">
+      <mat-card-title class="form-heading">
         {{ 'labels.heading.Deposit Money To Saving Account' | translate }}
-      </h2>
+      </mat-card-title>
     }
 
     <form [formGroup]="savingAccountTransactionForm" (ngSubmit)="submit()">

src/app/savings/saving-account-actions/savings-account-transactions/savings-account-transactions.component.scss

@@ -13,3 +13,9 @@
 .right-label {
   padding-right: 25px !important;
 }
+
+.form-heading {
+  font-size: 1.25rem;
+  font-weight: 500;
+  margin-bottom: 0.5rem;
+}