WS-3653 and WS-3645: Get the Workspaces UI Angular to v20

Daniel Lopez-Sandersrequested to merge
ws-3653-3645-ws-angular-to-20 into development

Background

As a part of the work for WS-3644, this completes the upgrade of the Workspaces Angular from v12 (current) to v20. The background for this work is documented on a Confluence page. This involved completing the work for 2 tickets:

  1. WS-3653: Upgrade the Workspaces UI to Angular 20 and the corresponding TS and node versions
    1. The Angular Update Guide was used in the writing of this ticket.
  2. WS-3645: Upgrade and cleanup of Workspaces UI dependencies (besides TypeScript and Node)

The Work

  1. I used the commands provided by the Angular Update Guide to get the Workspaces UI onto Angular 20, and I then fixed any issues that arose.
  2. For upgrading dependencies, I listened to NPM output, upgraded them to the versions that Angular 20 needed, or otherwise sought to upgrade them where possible.
  3. I've tested this locally and have fixed any issues I saw. There are some minor margin/etc. changes due to styling package upgrades.

The Benefits

  1. So far, for me, a 60-100 second container building and running from scratch (significantly less than now), including after removing the node_modules directory.
  2. Getting to a supported Angular version (Angular 20 is supported via Long-Term Support until November 28th of next year) and upgrading other dependencies.

Merge request reports