update pos consumer

src/app/domains/pos/modules/landing/components/goods.component.html

@@ -0,0 +1,35 @@
+<div class="flex flex-col">
+  <div class="sticky top-0 bg-surface-ground z-10 pb-4">
+    <div class="flex items-center justify-between">
+      <div class="flex items-center gap-2 text-muted-color">
+        <i class="pi pi-list"></i>
+        <span class="text-base font-bold">لیست کالاها</span>
+      </div>
+      <div class="flex items-center gap-2">
+        <app-search-input (search)="onSearch($event)"></app-search-input>
+
+        <div class="card p-2! flex justify-center">
+          <p-selectbutton [options]="viewOptions" [(ngModel)]="viewType" optionValue="value">
+            <ng-template #item let-item>
+              <i [class]="item.icon"></i>
+            </ng-template>
+          </p-selectbutton>
+        </div>
+      </div>
+    </div>
+    <pos-good-categories (categoryChange)="onCategoryChange($event)" />
+  </div>
+  @if (viewType === "grid") {
+    <pos-good-grid-view (onAdd)="addGood($event)" />
+  } @else {
+    <pos-goods-list-view (onAdd)="addGood($event)" />
+  }
+
+  @if (selectedGoodToAdd()) {
+    <pos-payload-form-dialog
+      [(visible)]="showPayloadForm"
+      [good]="selectedGoodToAdd()!"
+      (onClose)="onClosePayloadForm()"
+    />
+  }
+</div>