using hidden field instead of enabled.

frontend/src/app/models/fasten/metadata-source.ts

@@ -2,5 +2,5 @@ export class MetadataSource {
   source_type: string
   display: string
   category: string[]
-  enabled: boolean
+  hidden: boolean
 }

frontend/src/app/models/fasten/source-state.ts

@@ -5,6 +5,6 @@ export class SourceState {
   code_verifier?: string
   code_challenge_method?: string
   code_challenge?: string
-  enabled: boolean
+  hidden: boolean
   redirect_uri?: string
 }

frontend/src/app/pages/dashboard/dashboard.component.ts

@@ -60,7 +60,7 @@ export class DashboardComponent implements OnInit {
         "source_type": "manual",
         "display": "Manual",
         "category": ["Manual"],
-        "enabled": true,
+        "hidden": false,
       }
 
       //calculate the number of records

frontend/src/app/pages/medical-sources/medical-sources.component.html

@@ -84,7 +84,7 @@
 
       <div *ngIf="!loading else isLoadingTemplate" class="row row-sm">
         <div *ngFor="let sourceData of availableSourceList" (click)="connectHandler($event, sourceData.metadata.source_type)" class="col-sm-3 mg-b-20 px-3">
-          <div class="card h-100 d-flex align-items-center justify-content-center mt-3 mt-3 rounded-0 cursor-pointer" [ngClass]="{'card-disable': !sourceData.metadata.enabled}">
+          <div class="card h-100 d-flex align-items-center justify-content-center mt-3 mt-3 rounded-0 cursor-pointer" [ngClass]="{'card-disable': sourceData.metadata.hidden}">
             <div class="card-body d-flex align-items-center">
               <img style="max-height: 130px;" [src]="'assets/sources/'+sourceData.metadata.source_type+'.png'" [alt]="metadataSources[sourceData.metadata.source_type].display" class="img-fluid">
               <div *ngIf="status[sourceData.metadata.source_type]" class="progress">