[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

lib/core/about/about.component.html

@@ -0,0 +1,41 @@
+<div class="adf-about-container">
+
+    <adf-about-github-link  *ngIf="dev" [application]="pkg.application" [url]="url"  ></adf-about-github-link>
+
+    <adf-about-server-settings *ngIf="dev" ></adf-about-server-settings>
+
+    <adf-about-platform-version [repository]="repository"
+                                [process]="bpmVersion">
+    </adf-about-platform-version>
+
+    <ng-container *ngIf="repository">
+
+        <article *ngIf="licenseEntries">
+            <header>{{ 'ABOUT.LICENSE.TITLE' | translate }}</header>
+            <adf-about-license-list [data]="licenseEntries"></adf-about-license-list>
+        </article>
+
+        <article *ngIf="statusEntries">
+            <header>{{ 'ABOUT.STATUS.TITLE' | translate }}</header>
+            <adf-about-status-list [data]="statusEntries"></adf-about-status-list>
+        </article>
+
+        <article *ngIf="repository?.modules">
+            <header>{{ 'ABOUT.MODULES.TITLE' | translate }}</header>
+            <adf-about-module-list [data]="repository.modules"></adf-about-module-list>
+        </article>
+    </ng-container>
+
+    <article *ngIf="dependencyEntries && dev" >
+        <header>{{ 'ABOUT.PACKAGES.TITLE' | translate }}</header>
+        <adf-about-package-list [data]="dependencyEntries"></adf-about-package-list>
+    </article>
+
+    <ng-container *ngIf="extensions$ | async as extensions">
+        <article *ngIf="extensions.length > 0">
+            <header>{{ 'ABOUT.PLUGINS.TITLE' | translate }}</header>
+            <adf-about-extension-list [data]="extensions"></adf-about-extension-list>
+        </article>
+    </ng-container>
+
+</div>