Implement authentication feature with role-based access control and login dialog

src/app/app-module.ts

@@ -18,6 +18,7 @@ import { MatInputModule } from '@angular/material/input';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatButtonModule, MatIconButton } from '@angular/material/button';
 import { MatDividerModule } from '@angular/material/divider';
+import { MatDialogClose, MatDialogTitle, MatDialogContent, MatDialogActions } from "@angular/material/dialog";
 
 import { HeaderComponent } from './header/header.component';
 import { HomeComponent } from './home/home.component';
@@ -46,6 +47,7 @@ import { MovieScheduleNoSearchResultComponent } from './movie-schedule-no-search
 import { MovieImporterComponent } from './movie-importer/movie-importer.component';
 import { MovieImportNoSearchResultComponent } from './movie-import-no-search-result/movie-import-no-search-result.component';
 import { MovieImportSearchInfoComponent } from './movie-import-search-info/movie-import-search-info.component';
+import { LoginDialog } from './login/login.dialog';
 
 
 @NgModule({
@@ -77,6 +79,7 @@ import { MovieImportSearchInfoComponent } from './movie-import-search-info/movie
     MovieImporterComponent,
     MovieImportNoSearchResultComponent,
     MovieImportSearchInfoComponent,
+    LoginDialog,
   ],
   imports: [
     AppRoutingModule,
@@ -94,8 +97,12 @@ import { MovieImportSearchInfoComponent } from './movie-import-search-info/movie
     MatFormFieldModule,
     MatIconButton,
     MatDividerModule,
-    MatButtonModule
-  ],
+    MatButtonModule,
+    MatDialogClose,
+    MatDialogTitle,
+    MatDialogContent,
+    MatDialogActions
+],
   providers: [
     provideBrowserGlobalErrorListeners(),
     provideHttpClient(