ui update, init to consumer statistics and manage pos user types

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

@@ -16,8 +16,9 @@
           <ng-container [ngTemplateOutlet]="caption">
             <div class="flex justify-between items-center gap-4">
               <h5 class="font-bold">{{ pageTitle }}</h5>
-              @if (showAdd || filter) {
+              @if (showAdd || filter || moreActions) {
                 <div class="flex items-center gap-2">
+                  <ng-container [ngTemplateOutlet]="moreActions" />
                   @if (filter) {
                     <p-button
                       label="فیلتر"

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

@@ -35,7 +35,7 @@ export interface IColumn<T = any> {
   selector: 'app-page-data-list',
   templateUrl: './page-data-list.component.html',
   host: {
-    class: 'block w-full',
+    class: 'block w-full h-full overflow-hidden',
   },
   imports: [
     CommonModule,
@@ -77,6 +77,7 @@ export class PageDataListComponent<I> {
 
   @ContentChild('filter', { static: true }) filter!: TemplateRef<any> | null;
   @ContentChild('caption', { static: true }) caption!: TemplateRef<any> | null;
+  @ContentChild('moreActions', { static: true }) moreActions!: TemplateRef<any> | null;
 
   @Output() onEdit = new EventEmitter<I>();
   @Output() onDelete = new EventEmitter<I>();