WEB-411: Improve alignment of Debit and Credit Amount fields in Create Journal Entry form

- Adjusted Debit Amount field to flex-24 to align under Currency field
- Adjusted Credit Amount field to flex-24 to align under Currency field
- Kept GL Entry fields at flex-48 to align under Office field
- Removed add/remove buttons for cleaner layout
- Maintained consistent 2% gap between fields for proper spacing

Author: AnvayKharb

src/app/accounting/create-journal-entry/create-journal-entry.component.html

@@ -49,29 +49,14 @@
               >
               </mifosx-gl-account-selector>
 
-              <mat-form-field class="flex-43">
+              <mat-form-field class="flex-24">
                 <mat-label>{{ 'labels.inputs.Debit Amount' | translate }}</mat-label>
                 <input type="number" matInput required formControlName="amount" />
                 <mat-error *ngIf="debits.at(i).controls.amount.hasError('required')">
                   {{ 'labels.inputs.Debit Amount' | translate }} {{ 'labels.commons.is' | translate }}
                   <strong>{{ 'labels.commons.required' | translate }}</strong>
                 </mat-error>
               </mat-form-field>
-
-              <span class="flex-fill">
-                <button *ngIf="i !== 0" type="button" mat-icon-button (click)="removeAffectedGLEntry(debits, i)">
-                  <fa-icon icon="minus-circle" size="lg"></fa-icon>
-                </button>
-                <button
-                  *ngIf="i === 0"
-                  type="button"
-                  mat-icon-button
-                  color="primary"
-                  (click)="addAffectedGLEntry(debits)"
-                >
-                  <fa-icon icon="plus-circle" size="lg"></fa-icon>
-                </button>
-              </span>
             </div>
           </div>
 
@@ -90,29 +75,14 @@
               >
               </mifosx-gl-account-selector>
 
-              <mat-form-field class="flex-43">
+              <mat-form-field class="flex-24">
                 <mat-label>{{ 'labels.inputs.Credit Amount' | translate }}</mat-label>
                 <input type="number" matInput required formControlName="amount" />
                 <mat-error *ngIf="credits.at(i).controls.amount.hasError('required')">
                   {{ 'labels.inputs.Credit Amount' | translate }} {{ 'labels.commons.is' | translate }}
                   <strong>{{ 'labels.commons.required' | translate }}</strong>
                 </mat-error>
               </mat-form-field>
-
-              <span class="flex-fill">
-                <button *ngIf="i !== 0" type="button" mat-icon-button (click)="removeAffectedGLEntry(credits, i)">
-                  <fa-icon icon="minus-circle" size="lg"></fa-icon>
-                </button>
-                <button
-                  *ngIf="i === 0"
-                  type="button"
-                  mat-icon-button
-                  color="primary"
-                  (click)="addAffectedGLEntry(credits)"
-                >
-                  <fa-icon icon="plus-circle" size="lg"></fa-icon>
-                </button>
-              </span>
             </div>
           </div>