tenant details form

ui/hv2-ui/src/app/app.module.ts

@@ -21,13 +21,14 @@ import { LogoutComponent } from './logout/logout.component';
 import { LoginComponent } from './login/login.component';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MatInputModule } from '@angular/material/input';
+import { MatFormFieldModule } from '@angular/material/form-field'
 import { MyTenantsComponent } from './my-tenants/my-tenants.component';
 import { MatTableModule } from '@angular/material/table';
 import { MyPremisesComponent } from './my-premises/my-premises.component';
 import { MyFlatsComponent } from './my-flats/my-flats.component';
 import { MyParkingsComponent } from './my-parkings/my-parkings.component';
 import { MyCommercialUnitsComponent } from './my-commercial-units/my-commercial-units.component';
-
+import { TenantDetailsComponent } from './tenant-details/tenant-details.component';
 
 @NgModule({
   declarations: [
@@ -41,7 +42,8 @@ import { MyCommercialUnitsComponent } from './my-commercial-units/my-commercial-
     MyPremisesComponent,
     MyFlatsComponent,
     MyParkingsComponent,
-    MyCommercialUnitsComponent
+    MyCommercialUnitsComponent,
+    TenantDetailsComponent
   ],
   imports: [
     BrowserModule,
@@ -58,7 +60,8 @@ import { MyCommercialUnitsComponent } from './my-commercial-units/my-commercial-
     FormsModule,
     ReactiveFormsModule,
     MatTableModule,
-    MatInputModule
+    MatInputModule,
+    MatFormFieldModule
   ],
   providers: [
     { provide: HTTP_INTERCEPTORS, useClass: ErrorHandlerInterceptor, multi: true },