[ACA-4382 ] About Page refactoring to use it across all the platform (#7365)

* about page refactor for global usage

* Development About

* add storybook

* fix build

* fix

* fix

* fix imports

* fix

* fix lint

* fix

* fix

* fix

* fix

demo-shell/src/app/components/about/about.component.html

@@ -1,11 +1,4 @@
-<adf-about-github-link [application]="application" [url]="url" [version]="version"></adf-about-github-link>
+<mat-slide-toggle [(ngModel)]="dev">{{'APP.ABOUT.DEVELOPMENT' | translate }}</mat-slide-toggle>
 
-<adf-about-server-settings></adf-about-server-settings>
+<adf-about [dev]="dev" [pkg]="pkg"> </adf-about>
 
-<adf-about-product-version> </adf-about-product-version>
-
-<adf-about-application-modules
-    [dependencies]="dependencies"
-    [showExtensions]="showExtensions"
->
-</adf-about-application-modules>

demo-shell/src/app/components/about/about.component.ts

@@ -15,27 +15,20 @@
  * limitations under the License.
  */
 
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 import pkg from '../../../../../package.json';
-import { AppConfigService } from '@alfresco/adf-core';
 
 @Component({
     selector: 'app-about-page',
     templateUrl: './about.component.html',
     styleUrls: ['./about.component.scss']
 })
-export class AboutComponent implements OnInit {
-    url = `https://github.com/Alfresco/${pkg.name}/commits/${pkg.commit}`;
-    version = pkg.version;
-    dependencies = pkg.dependencies;
-    showExtensions = true;
-    application = '';
+export class AboutComponent {
+    pkg: any;
+    dev: true;
 
-    constructor(private appConfigService: AppConfigService) {}
-
-    ngOnInit() {
-        this.application = this.appConfigService.get<string>(
-            'application.name'
-        );
+    constructor() {
+        this.pkg = pkg;
     }
+
 }