[Client] - Progressively Exercise ChangeDetection.OnPush For Better Performance

[Char2sGu]

Desired Changes

Angular's OnPush Change Detection Strategy eliminates any unnecessary change detection circles in an Angular application to unlease the best performance of the application.

• https://angular.dev/best-practices/skipping-subtrees
• https://medium.com/angular-in-depth/deep-dive-into-the-onpush-change-detection-strategy-in-angular-fab5e4da1d69

I suggest that we should specify the OnPush change detection strategy as the default change detection strategy when generating components, by configuring the schematics in angular.json:

      "schematics": {
        "@schematics/angular:component": {
          "changeDetection": "OnPush", // <-- here
          "skipTests": true
        },
        "@schematics/angular:class": {
          "skipTests": true
        },
        "@schematics/angular:directive": {
          "skipTests": true
        },
        "@schematics/angular:guard": {
          "skipTests": true
        },
        "@schematics/angular:pipe": {
          "skipTests": true
        },
        "@schematics/angular:service": {
          "skipTests": true
        }
      },

Besides, whenever a component needs to be updated in the future, OnPush should be specified as its change detection strategy, in order progressively make every component OnPush, and eventually migrate to a Zoneless Angular Application (eliminate the usage of zone.js).

Screenshots (as needed)

No response