Chore: Cleaned up imports to use Modules.

Feature: Added an eslint rule to sort component imports

bookie/src/app/customers/customer-list/customer-list.component.ts

@@ -1,20 +1,9 @@
 import { PercentPipe } from '@angular/common';
 import { Component, OnInit } from '@angular/core';
-import { MatAnchor } from '@angular/material/button';
-import { MatCard, MatCardHeader, MatCardTitleGroup, MatCardTitle, MatCardContent } from '@angular/material/card';
-import { MatIcon } from '@angular/material/icon';
-import {
-  MatTable,
-  MatColumnDef,
-  MatHeaderCellDef,
-  MatHeaderCell,
-  MatCellDef,
-  MatCell,
-  MatHeaderRowDef,
-  MatHeaderRow,
-  MatRowDef,
-  MatRow,
-} from '@angular/material/table';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTableModule } from '@angular/material/table';
 import { ActivatedRoute, RouterLink } from '@angular/router';
 
 import { Customer } from '../../core/customer';
@@ -25,27 +14,7 @@ import { CustomerListDatasource } from './customer-list-datasource';
   selector: 'app-customer-list',
   templateUrl: './customer-list.component.html',
   styleUrls: ['./customer-list.component.css'],
-  imports: [
-    MatCard,
-    MatCardHeader,
-    MatCardTitleGroup,
-    MatCardTitle,
-    MatAnchor,
-    RouterLink,
-    MatIcon,
-    MatCardContent,
-    MatTable,
-    MatColumnDef,
-    MatHeaderCellDef,
-    MatHeaderCell,
-    MatCellDef,
-    MatCell,
-    MatHeaderRowDef,
-    MatHeaderRow,
-    MatRowDef,
-    MatRow,
-    PercentPipe,
-  ],
+  imports: [MatButtonModule, MatCardModule, MatIconModule, MatTableModule, PercentPipe, RouterLink],
 })
 export class CustomerListComponent implements OnInit {
   dataSource: CustomerListDatasource = new CustomerListDatasource([]);