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/layout/component/app.topbar.component.html

@@ -0,0 +1,40 @@
+<div class="layout-topbar">
+  <div class="layout-topbar-logo-container">
+    <button class="layout-menu-button layout-topbar-action" (click)="layoutService.onMenuToggle()">
+      <i class="pi pi-bars"></i>
+    </button>
+    <div class="layout-topbar-logo">
+      <img [src]="logo" width="32" />
+      <span class="text-xl">صندوق فروشگاهی</span>
+    </div>
+  </div>
+
+  <div class="layout-topbar-actions">
+    <div class="layout-config-menu">
+      <button type="button" class="layout-topbar-action" (click)="toggleDarkMode()">
+        <i
+          [ngClass]="{ 'pi ': true, 'pi-moon': layoutService.isDarkTheme(), 'pi-sun': !layoutService.isDarkTheme() }"
+        ></i>
+      </button>
+      <!-- <div class="relative">
+        <button
+          class="layout-topbar-action layout-topbar-action-highlight"
+          pStyleClass="@next"
+          enterFromClass="hidden"
+          enterActiveClass="animate-scalein"
+          leaveToClass="hidden"
+          leaveActiveClass="animate-fadeout"
+          [hideOnOutsideClick]="true"
+        >
+          <i class="pi pi-palette"></i>
+        </button>
+        <app-configurator></app-configurator>
+      </div> -->
+    </div>
+
+    <div class="">
+      <p-menu #menu [model]="profileMenuItems" [popup]="true" />
+      <p-button (click)="menu.toggle($event)" icon="pi pi-user" text severity="contrast" size="large" />
+    </div>
+  </div>
+</div>