feat: Implement product categories, stores, suppliers, and users management features

- Added ProductCategoriesService for handling product category API interactions.
- Created components for listing and viewing product categories.
- Implemented UI for managing product categories with a data list component.
- Developed StoresService for managing store-related API calls.
- Created components for listing and viewing stores with appropriate UI.
- Added SuppliersService for handling supplier API interactions.
- Implemented components for managing suppliers with a data list component.
- Developed UsersService for managing user-related API calls.
- Created components for listing and viewing users with appropriate UI.
- Enhanced not found page with improved layout and navigation options.

src/app/shared/components/pageDataList/page-data-list.component.html

@@ -83,7 +83,7 @@
       </ng-template>
 
       <ng-template #emptymessage>
-        <tr class="h-full">
+        <tr class="">
           <td [colSpan]="columns.length.toString()" class="w-full">
             <uikit-empty-state
               [title]="emptyPlaceholderTitle"
@@ -95,6 +95,11 @@
           </td>
         </tr>
       </ng-template>
+      <!-- <ng-template #emptymessage>
+        <tr>
+          <td colspan="6">There are no order for this product yet.</td>
+        </tr>
+      </ng-template> -->
 
       <ng-template #loadingbody let-columns>
         @for (i of [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20]; track i) {

src/app/shared/components/pageDataList/page-data-list.component.ts

@@ -80,9 +80,9 @@ export class PageDataListComponent<I> {
   filterDrawerVisible = signal<boolean>(false);
 
   ngOnInit() {
-    if (this.fullHeight) {
-      this.renderer.setStyle(this.host.nativeElement, 'height', '100cqmin');
-    }
+    // if (this.fullHeight) {
+    //   this.renderer.setStyle(this.host.nativeElement, 'height', '100cqmin');
+    // }
   }
 
   edit = (item: I) => {