Set "Workspaces" to be page title and customized the page titles for...

Set "Workspaces" to be page title and customized the page titles for capability request and active requests pages

apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.ts

@@ -17,6 +17,7 @@
  * along with Workspaces.  If not, see <https://www.gnu.org/licenses/>.
  */
 import { Component, OnInit } from "@angular/core";
+import { Title } from "@angular/platform-browser";
 import { ActivatedRoute, Router, Params } from "@angular/router";
 import { Capability } from "../../model/capability";
 import { CapabilityRequest } from "../../model/capability-request";
@@ -40,6 +41,7 @@ export const defaultSortOrder = "desc"
   styleUrls: ["./active-capability-requests.component.scss"],
 })
 export class ActiveCapabilityRequestsComponent implements OnInit {
+  public title = 'Active Capability Requests';
   public activeCapabilityRequests: Array<CapabilityRequest>;
   public capability: Capability;
   public isPaused: boolean;
@@ -133,9 +135,12 @@ export class ActiveCapabilityRequestsComponent implements OnInit {
     private router: Router,
     private storageService: StorageService,
     private activeRequestsService: ActiveRequestsService,
+    private titleService: Title,
   ) {
     // Initialize table sorting to sort on request ID
     this.sortOn("id");
+    // Set page title
+    this.titleService.setTitle(this.title)
   }
 
   ngOnInit(): void {