Chore: Cleaned up imports to use Modules.

Feature: Added an eslint rule to sort component imports

bookie/src/app/sales/products/products.component.ts

@@ -1,7 +1,7 @@
 import { CurrencyPipe } from '@angular/common';
 import { Component, OnInit } from '@angular/core';
-import { MatCard, MatCardContent } from '@angular/material/card';
-import { MatRipple } from '@angular/material/core';
+import { MatCardModule } from '@angular/material/card';
+import { MatRippleModule } from '@angular/material/core';
 import { ActivatedRoute, RouterLink } from '@angular/router';
 
 import { Product } from '../../core/product';
@@ -11,7 +11,7 @@ import { BillService } from '../bill.service';
   selector: 'app-products',
   templateUrl: './products.component.html',
   styleUrls: ['./products.component.css'],
-  imports: [MatCard, MatCardContent, MatRipple, RouterLink, CurrencyPipe],
+  imports: [CurrencyPipe, MatCardModule, MatRippleModule, RouterLink],
 })
 export class ProductsComponent implements OnInit {
   list: Product[] = [];