Migrate Material Dialog component from legacy to v15

[Waseem826]

Migrate Angular Material's Dialog component from legacy to v15 by following instructions in https://github.com/angular/components/blob/main/guides/v15-mdc-migration.md#dialog

• The .mat-dialog-container does not contain a 24px padding anymore. Instead, the inner dialog directives are responsible for adding the right padding. This will be apparent if your dialog does not use any of the directives like .
• mat-dialog-content uses the font-settings specified by the Material Design spec, which includes a rather roomy line-height. If you have an information-dense dialog that doesn't look good with these settings, you can avoid using and just use a div with custom padding, or use custom typography settings that can be applied with the mat.mdc-dialog-typography mixin.
• The old dialog triggered an extra change detection, which may have masked change detection issues in your application that need to be fixed when migrating.