feat: Implement price info card component and product categories with grid view

- Added `price-info-card.component` to display total amount, tax, and payable amount.
- Integrated price masking directive for formatted price display.
- Created `categories.component` to list product categories with loading skeletons.
- Implemented `grid-view.component` for displaying products in a grid layout.
- Enhanced `products.component` to manage category selection and product display.
- Introduced new models for product categories and stock responses.
- Updated `main.service.ts` to fetch product categories and stock data.
- Refactored `POSStore` to manage state for products, categories, and order items.
- Added utility functions for price formatting and number normalization.
- Included placeholder images for product and logo.

src/app/modules/inventories/components/movementList/movement-list.component.ts

@@ -54,7 +54,6 @@ export class InventoryMovementListComponent {
 
   getAll() {
     this.loading.set(true);
-    console.log(this.inventoryId);
 
     return this.service.getMovements(this.inventoryId, this.movementType).subscribe({
       next: (res) => {

src/app/modules/inventories/components/transfer/transfer-form.component.ts

@@ -92,13 +92,10 @@ export class InventoriesTransferFormComponent {
           count: [1, [Validators.required, Validators.min(1)]],
         }),
       );
-
-      console.log(this.form.controls.items);
     }
   }
 
   clearSelectedProductsInForm($e: TableRowUnSelectEvent<IInventoryProduct>) {
-    console.log($e.index);
     if ($e.index != null) {
       this.form.controls.items.removeAt($e.index);
     }