Integrate with db content

implement terms editor

better type names

better file name

app settings store tests

use new service list comp

use new serv in edit comp

implement to intro comp

welcome compo -> appsettings store

order-complete -> app settings store

banner-guard -> app settings store

old ConfigsService: remove from Ng Modules

delete old ConfigsService

fix negation

fix update return val

document default TTL

intro confirm use the db content

intro use db content

app settings store: remove from comp

online oders serv: use app settings store

online order serv: set as root provider

work order: use db content

content from db: Tranpost fee notice

src/app/app.component.ts

@@ -10,7 +10,6 @@ import {
   OnDestroy,
 } from "@angular/core";
 import { environment } from "../environments/environment";
-import { ConfigsService } from "./configs/configs.service";
 import { LookupsService } from "./lookups/lookups.service";
 import { Router, NavigationEnd } from "@angular/router";
 import { MenuItem, Message, MessageService, PrimeNGConfig } from "primeng/api";
@@ -28,7 +27,7 @@ declare let jQuery: any;
   selector: "app-root",
   templateUrl: "./app.component.html",
   styleUrls: ["./app.component.scss"],
-  providers: [LookupsService, ConfigsService, MessageService],
+  providers: [LookupsService, MessageService],
 })
 export class AppComponent implements AfterViewInit, OnInit, OnDestroy {
   @ViewChild("layoutContainer", { static: false })

src/app/configs/machete-settings/machete-settings-edit/machete-settings-edit.component.html

@@ -43,6 +43,19 @@
             </span>
           </div>
           <div class="p-field p-col-12 p-input-filled" [hidden]="r.key === TERMS_KEY">
+            <span class="p-float-label">
+              <textarea
+                pInputTextarea
+                [value]="r.description ?? '---'"
+                [disabled]="true"
+                id="description"
+                name="description"
+                autoResize="autoResize"
+              ></textarea>
+              <label for="description">Description</label>
+            </span>
+          </div>
+          <div class="p-field p-col-12 p-input-filled">
             <span class="p-float-label">
               <input
                 pInputText

src/app/configs/machete-settings/machete-settings-edit/machete-settings-edit.component.spec.ts

@@ -5,8 +5,8 @@ import { ActivatedRoute } from "@angular/router";
 import { RouterTestingModule } from "@angular/router/testing";
 import { ConfirmationService } from "primeng/api";
 import { of } from "rxjs";
-import { ConfigsServiceSpy } from "src/app/shared/testing";
-import { ConfigsService } from "../../configs.service";
+import { AppSettingsStoreServiceSpy } from "src/app/shared/testing";
+import { AppSettingsStoreService } from "../../../shared/services/app-settings-store.service";
 
 import { MacheteSettingsEditComponent } from "./machete-settings-edit.component";
 
@@ -28,8 +28,8 @@ describe("MacheteSettingsEditComponent", () => {
       declarations: [MacheteSettingsEditComponent],
       providers: [
         {
-          provide: ConfigsService,
-          useClass: ConfigsServiceSpy,
+          provide: AppSettingsStoreServiceSpy,
+          useClass: AppSettingsStoreService,
         },
         {
           provide: ConfirmationService,