add about info

projects/nshmp-apps/src/app/designmaps/rtgm/components/about/about.component.html

-<p>about works!</p>
+<nshmp-lib-ng-about-content [showSavingSettingPanel]="false">
+  <nshmp-lib-ng-about-description>
+    <nshmp-lib-ng-about-description-title>
+      This application computes risk-targeted ground motions values in
+      accordance with user selectable building codes from a hazard curve.
+    </nshmp-lib-ng-about-description-title>
+  </nshmp-lib-ng-about-description>
+
+  <!-- Using this application panel -->
+  <nshmp-lib-ng-about-using-application-expansion-panel>
+    <!-- About the header controls -->
+    <nshmp-lib-ng-about-header-controls />
+
+    <!-- About the control panel -->
+    <nshmp-lib-ng-about-control-panel />
+
+    <!-- About main content -->
+    <nshmp-lib-ng-about-main-content-tabs [tabInfo]="tabInfo" />
+
+    <!-- About Plotly -->
+    <nshmp-lib-ng-about-plotly />
+
+    <!-- About settings -->
+    <nshmp-lib-ng-about-settings />
+  </nshmp-lib-ng-about-using-application-expansion-panel>
+</nshmp-lib-ng-about-content>

projects/nshmp-apps/src/app/designmaps/rtgm/components/about/about.component.ts

 import {Component} from '@angular/core';
+import {
+  AboutMainContentTab,
+  NshmpLibNgAboutContentComponent,
+  NshmpLibNgAboutControlPanelComponent,
+  NshmpLibNgAboutDescriptionComponent,
+  NshmpLibNgAboutDescriptionTitleComponent,
+  NshmpLibNgAboutHeaderControlsComponent,
+  NshmpLibNgAboutMainContentTabsComponent,
+  NshmpLibNgAboutPlotlyComponent,
+  NshmpLibNgAboutSettingsComponent,
+  NshmpLibNgAboutUsingApplicationExpansionPanelComponent,
+} from '@ghsc/nshmp-lib-ng/about';
 
 @Component({
-  imports: [],
+  imports: [
+    NshmpLibNgAboutContentComponent,
+    NshmpLibNgAboutDescriptionComponent,
+    NshmpLibNgAboutDescriptionTitleComponent,
+    NshmpLibNgAboutUsingApplicationExpansionPanelComponent,
+    NshmpLibNgAboutHeaderControlsComponent,
+    NshmpLibNgAboutControlPanelComponent,
+    NshmpLibNgAboutMainContentTabsComponent,
+    NshmpLibNgAboutPlotlyComponent,
+    NshmpLibNgAboutSettingsComponent,
+  ],
   selector: 'app-about',
   standalone: true,
   styleUrl: './about.component.scss',
   templateUrl: './about.component.html',
 })
-export class AboutComponent {}
+export class AboutComponent {
+  /** About main content tabs */
+  tabInfo: AboutMainContentTab[] = [
+    {
+      tabDescription: 'Shows hazard and risk-targeted ground motion plots.',
+      tabTitle: 'Plots',
+    },
+    {
+      tabDescription:
+        'Shows the hazard and risk-targeted ground motion data in tabular form.',
+      tabTitle: 'Data',
+    },
+  ];
+}