Refactor appConfig component, update layoutService and implement Angular signals

src/app/demo/components/documentation/documentation.component.html

@@ -43,7 +43,7 @@ Run 'ng help' for more options.</code></pre>
     
 <pre class="app-code"><code>import &#123; Component, OnInit &#125; from '&#64;angular/core';
 import &#123; PrimeNGConfig &#125; from 'primeng/api';
-import &#123; LayoutService &#125; from './layout/service/app.layout.service';
+import &#123; LayoutService, AppConfig &#125; from './layout/service/app.layout.service';
 
 &#64;Component(&#123;
     selector: 'app-root',
@@ -57,7 +57,7 @@ export class AppComponent implements OnInit &#123;
         this.primengConfig.ripple = true;       //enables core ripple functionality
 
         //optional configuration with the default configuration
-        this.layoutService.config = &#123;
+        const config: AppConfig = &#123;
             ripple: false,                      //toggles ripple on and off
             inputStyle: 'outlined',             //default style for input elements
             menuMode: 'static',                 //layout mode of the menu, valid values are "static" and "overlay"
@@ -65,6 +65,7 @@ export class AppComponent implements OnInit &#123;
             theme: 'lara-light-indigo',         //default component theme for PrimeNG
             scale: 14                           //size of the body font size to scale the whole application
         &#125;;
+        this.layoutService.config.set(config);
     &#125;
 
 &#125;</code></pre>