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/pos/constants/apiRoutes/index.ts

@@ -1,6 +1,7 @@
-// const baseUrl = '/api/v1/product-categories';
+const baseUrl = '/api/v1/pos';
 
-// export const PRODUCT_CATEGORIES_API_ROUTES = {
-//   list: () => `${baseUrl}`,
-//   single: (categoryId: string) => `${baseUrl}/${categoryId}`,
-// };
+export const POS_API_ROUTES = {
+  info: () => `${baseUrl}`,
+  stock: () => `${baseUrl}/stock`,
+  productCategories: () => `${baseUrl}/product-categories`,
+};

src/app/modules/pos/constants/index.ts

@@ -1,2 +1,2 @@
-// export * from './apiRoutes';
+export * from './apiRoutes';
 export * from './routes';