Update req title pipe to concat all lines together and return one string.

src/app/dars/audit/audit.component.html

@@ -156,11 +156,7 @@
                     </ng-container>
                 </div>
                 <div>
-                  <p>
-                    <ng-container *ngFor="let line of (requirement | requirementTitle)">
-                      <span [innerHTML]="line"></span>
-                    </ng-container>
-                  </p>
+                  <p [innerHTML]="requirement | requirementTitle"></p>
                 </div>
               </mat-panel-title>
             </mat-expansion-panel-header>

src/app/dars/pipes/requirement-title.pipe.ts

@@ -3,13 +3,18 @@ import { Requirement, ContentType } from '../models/audit/requirement';
 
 @Pipe({ name: 'requirementTitle', pure: true })
 export class RequirementTitlePipe implements PipeTransform {
-  transform(requirement: Requirement): string[] {
-    const title = requirement.requirementContents.find(
+  transform(requirement: Requirement): string {
+    // Get any title lines
+    const titleLines = requirement.requirementContents.filter(
       (r): r is ContentType =>
         r.contentType === 'okRequirementTitle' ||
         r.contentType === 'hText' ||
         r.contentType === 'noRequirementTitle',
     );
-    return title ? title.lines : ['No title found'];
+
+    // Concat all the lines together, removing whitespace
+    return titleLines.reduce((acc, { lines }) => {
+      return `${acc} ${lines.join(' ')}`.trim();
+    }, '');
   }
 }