fix(import-rule): improve code readability and formatting

Author: mjabascal10

frontend/src/app/rule-management/app-rule/components/import-rules/import-rule.component.ts

@@ -3,20 +3,20 @@ import {Component, OnDestroy, OnInit} from '@angular/core';
 import {FormBuilder, FormGroup} from '@angular/forms';
 import {NgbActiveModal} from '@ng-bootstrap/ng-bootstrap';
 import {forkJoin, from, of} from 'rxjs';
-import {catchError, concatMap, map, tap, toArray, finalize} from 'rxjs/operators';
+import {catchError, concatMap, finalize, map, tap, toArray} from 'rxjs/operators';
 import {UtmToastService} from '../../../../shared/alert/utm-toast.service';
 import {AddRuleStepEnum, Mode, Rule, Status} from '../../../models/rule.model';
 import {DataTypeService} from '../../../services/data-type.service';
 import {RuleService} from '../../../services/rule.service';
 import {ImportRuleService} from './import-rule.service';
 
 
-type RuleList = {
-    rule:Rule;
+interface RuleList {
+    rule: Rule;
     valid: boolean;
     status: Status;
-    errors:Record<string; string[]>;
-    isLoading:boolean;
+    errors: Record<string, string[]>;
+    isLoading: boolean;
 }
 
 @Component({
@@ -116,7 +116,7 @@ export class ImportRuleComponent implements OnInit, OnDestroy {
 
   validRules() {
     if (this.files.length > 0) {
-      this.loading = true
+      this.loading = true;
       const filesWithDataTypes = this.files.map(file => {
           return {
             ...file,
@@ -151,26 +151,26 @@ export class ImportRuleComponent implements OnInit, OnDestroy {
               }))
             ),
           ),
-        ).pipe(finalize(()=>(this.loading = false))).subscribe(updatedFiles => {
+        ).pipe(finalize(() => (this.loading = false))).subscribe(updatedFiles => {
           this.rules = updatedFiles.map(file => {
-            let rule:Rule = {
+            let rule: Rule = {
                 ...file,
                 dataTypes: file.dataTypes.length > 0 ? file.dataTypes : [],
             };
-            const {isValid,errors} = this.importRuleService.isValidRule(rule);
+            const {isValid, errors} = this.importRuleService.isValidRule(rule);
 
-            //move null fields (required and not sended) upper than others
-            Object.keys(rule).forEach(key=>{
-              if(rule[key]===null){
-                rule={[key]:null,...rule};
+            // move null fields (required and not sended) upper than others
+            Object.keys(rule).forEach(key => {
+              if (rule[key] === null) {
+                rule = {[key]: null, ...rule};
               }
-            })
+            });
 
             return {
               rule,
               valid: isValid,
               status: isValid ? ('valid' as Status) : ('error' as Status),
-              isLoading:false,
+              isLoading: false,
               errors
             };