create folder and device list components

refactor status-list to contain device and folder list

src/app/app.module.ts

@@ -1,14 +1,17 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
 
+import { MatTableModule } from '@angular/material/table';
+import { MatPaginatorModule } from '@angular/material/paginator';
+import { MatSortModule } from '@angular/material/sort';
+import { MatButtonToggleModule } from '@angular/material/button-toggle';
+
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { StatusListComponent } from './status-list/status-list.component';
-import { MatTableModule } from '@angular/material/table';
-import { MatPaginatorModule } from '@angular/material/paginator';
-import { MatSortModule } from '@angular/material/sort';
-import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import { FolderListComponent } from './folder-list/folder-list.component';
+import { DeviceListComponent } from './device-list/device-list.component';
 import { StatusToggleComponent } from './status-toggle/status-toggle.component';
 
 
@@ -16,6 +19,8 @@ import { StatusToggleComponent } from './status-toggle/status-toggle.component';
   declarations: [
     AppComponent,
     StatusListComponent,
+    FolderListComponent,
+    DeviceListComponent,
     StatusToggleComponent,
   ],
   imports: [