create report page layout

Author: sawankshrma

src/app/app.module.ts

@@ -2,6 +2,7 @@ import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatMenuModule } from '@angular/material/menu';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
@@ -33,7 +34,6 @@ import { MatDialogModule, MAT_DIALOG_DATA, MatDialogRef } from '@angular/materia
 import { TeamsGroupsEditorModule } from './component/teams-groups-editor/teams-groups-editor.module';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { ReportComponent } from './pages/report/report.component';
-import { ReportActivityComponent } from './component/report-activity/report-activity.component';
 import { ReportConfigModalComponent } from './component/report-config-modal/report-config-modal.component';
 
 @NgModule({
@@ -60,7 +60,6 @@ import { ReportConfigModalComponent } from './component/report-config-modal/repo
     KpiComponent,
     SettingsComponent,
     ReportComponent,
-    ReportActivityComponent,
     ReportConfigModalComponent,
   ],
   imports: [
@@ -71,6 +70,7 @@ import { ReportConfigModalComponent } from './component/report-config-modal/repo
     MatDialogModule,
     ReactiveFormsModule,
     MatToolbarModule,
+    MatMenuModule,
     FormsModule,
     HttpClientModule,
     TeamsGroupsEditorModule,