fix(feature-management): resolve some bugs

npm/ng-packs/packages/feature-management/src/lib/components/feature-management/feature-management.component.html

@@ -10,11 +10,11 @@
         *ngFor="let feature of features$ | async; let i = index"
         [ngSwitch]="feature.valueType.name"
       >
-        <div class="col-4">{{ feature.name }}</div>
-        <div class="col-8" *ngSwitchCase="'ToggleStringValueType'">
+        <div class="mr-2">{{ feature.displayName }}</div>
+        <div *ngSwitchCase="'ToggleStringValueType'">
           <input type="checkbox" name="feature.name" [formControlName]="i" />
         </div>
-        <div class="col-8" *ngSwitchCase="'FreeTextStringValueType'">
+        <div *ngSwitchCase="'FreeTextStringValueType'">
           <input type="text" name="feature.name" [formControlName]="i" />
         </div>
       </div>

npm/ng-packs/packages/feature-management/src/lib/components/feature-management/feature-management.component.ts

@@ -87,8 +87,8 @@ export class FeatureManagementComponent
     let features = this.store.selectSnapshot(FeatureManagementState.getFeatures);
 
     features = features.map((feature, i) => ({
-      name: feature.name,
-      value: !this.form.value[i] || this.form.value[i] === 'false' ? null : this.form.value[i],
+      ...feature,
+      value: this.form.value[i],
     }));
 
     this.store

npm/ng-packs/packages/feature-management/src/lib/models/feature-management.ts

@@ -13,6 +13,7 @@ export namespace FeatureManagement {
 
   export interface Feature {
     name: string;
+    displayName: string;
     value: string;
     description?: string;
     valueType?: ValueType;