feat: add notification policy and password change message (#5065)

Implementation of new notification policy with functionality to send email when a password is changed

console/src/app/modules/policies/notification-policy/notification-policy.component.html

@@ -0,0 +1,49 @@
+<h2>{{ 'POLICY.NOTIFICATION.TITLE' | translate }}</h2>
+<p class="cnsl-secondary-text">{{ 'POLICY.NOTIFICATION.DESCRIPTION' | translate }}</p>
+
+<div *ngIf="loading" class="spinner-wr">
+  <mat-spinner diameter="30" color="primary"></mat-spinner>
+</div>
+
+<ng-template cnslHasRole [hasRole]="['policy.delete']">
+  <button
+    *ngIf="serviceType === PolicyComponentServiceType.MGMT && !isDefault"
+    matTooltip="{{ 'POLICY.RESET' | translate }}"
+    color="warn"
+    (click)="removePolicy()"
+    mat-stroked-button
+  >
+    {{ 'POLICY.RESET' | translate }}
+  </button>
+</ng-template>
+
+<div class="notification-policy-card">
+  <cnsl-card *ngIf="notificationData">
+    <div class="notification-policy-content">
+      <div class="row">
+        <mat-checkbox
+          class="slide-toggle"
+          color="primary"
+          name="hasUppercase"
+          ngDefaultControl
+          [(ngModel)]="notificationData.passwordChange"
+          [disabled]="(['policy.write'] | hasRole | async) === false"
+        >
+          {{ 'POLICY.NOTIFICATION.PASSWORDCHANGE' | translate }}
+        </mat-checkbox>
+      </div>
+    </div>
+  </cnsl-card>
+</div>
+
+<div class="btn-container">
+  <button
+    (click)="savePolicy()"
+    [disabled]="(['policy.write'] | hasRole | async) === false"
+    color="primary"
+    type="submit"
+    mat-raised-button
+  >
+    {{ 'ACTIONS.SAVE' | translate }}
+  </button>
+</div>