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/modules/users/views/index.ts

@@ -0,0 +1,2 @@
+export * from './list.component';
+export * from './single.component';

src/app/modules/users/views/list.component.html

@@ -0,0 +1,15 @@
+<app-page-data-list
+  [pageTitle]="'مدیریت کاربران'"
+  [addNewCtaLabel]="'افزودن کاربر جدید'"
+  [columns]="columns"
+  [showAdd]="true"
+  emptyPlaceholderTitle="کاربری یافت نشد"
+  emptyPlaceholderDescription="برای افزودن کاربر جدید، روی دکمهٔ بالا کلیک کنید."
+  [items]="[]"
+  [loading]="loading()"
+  [showDetails]="true"
+  [showAdd]="true"
+  (onAdd)="openAddForm()"
+/>
+
+<user-form [(visible)]="visibleForm" (onSubmit)="refresh()" />

src/app/modules/users/views/list.component.ts

@@ -0,0 +1,48 @@
+import {
+  IColumn,
+  PageDataListComponent,
+} from '@/shared/components/pageDataList/page-data-list.component';
+import { Component, signal } from '@angular/core';
+import { UserFormComponent } from '../components/form.component';
+import { IUserResponse } from '../models';
+import { UsersService } from '../services/main.service';
+
+@Component({
+  selector: 'app-users',
+  templateUrl: './list.component.html',
+  imports: [PageDataListComponent, UserFormComponent],
+})
+export class UsersComponent {
+  constructor(private userService: UsersService) {
+    this.getData();
+  }
+
+  columns = [
+    { field: 'id', header: 'شناسه' },
+    { field: 'firstName', header: 'نام' },
+    { field: 'lastName', header: 'نام خانوادگی' },
+    { field: 'mobileNumber', header: 'شماره موبایل' },
+    { field: 'roleId', header: 'نقش' },
+    { field: 'actions' },
+  ] as IColumn[];
+
+  loading = signal(false);
+  items = signal<IUserResponse[]>([]);
+  visibleForm = signal(false);
+
+  refresh() {
+    this.getData();
+  }
+
+  getData() {
+    this.loading.set(true);
+    this.userService.getAll().subscribe((res) => {
+      this.loading.set(false);
+      this.items.set(res);
+    });
+  }
+
+  openAddForm() {
+    this.visibleForm.set(true);
+  }
+}

src/app/modules/users/views/single.component.html

@@ -0,0 +1 @@
+<div class=""></div>

src/app/modules/users/views/single.component.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-user',
+  templateUrl: './single.component.html',
+})
+export class UserComponent {
+  constructor() {}
+}