Added light & dark theme. Basic theme applied on dialogs/modals. Attempt to apply uniformity to the website.

src/app/policies/policy-item-edit/policy-item-edit.component.html

@@ -52,22 +52,17 @@
       }
     </mat-form-field>
   </mat-card-content>
-  <mat-card-actions align="end">
+  <mat-card-actions>
     <button mat-button
+            class="neutral"
             (click)="dialogRef.close()">
       <mat-icon>cancel</mat-icon>Cancel
     </button>
-    @if (isNew) {
     <button mat-button
+            class="confirm"
             (click)="save()">
-      <mat-icon>add</mat-icon>Add
+      <mat-icon>{{(isNew ? 'add' : 'save')}}</mat-icon>{{(isNew ? 'Add' : 'Save')}}
     </button>
-    } @else {
-    <button mat-button
-            (click)="save()">
-      <mat-icon>save</mat-icon>Save
-    </button>
-    }
   </mat-card-actions>
 
   @if (responseError) {

src/app/policies/policy-item-edit/policy-item-edit.component.ts

@@ -2,7 +2,7 @@ import { AfterViewInit, Component, inject, OnInit, ViewChild } from '@angular/co
 import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCardModule } from '@angular/material/card';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
@@ -18,6 +18,7 @@ import { PolicyDropdownComponent } from '../policy-dropdown/policy-dropdown.comp
     GroupDropdownComponent,
     MatButtonModule,
     MatCardModule,
+    MatDialogModule,
     MatFormFieldModule,
     MatIconModule,
     MatInputModule,