refactor: restructure order and payload components for improved functionality

- Updated `PosOrderSectionComponent` to emit `onSubmit` instead of `onSuccess` and removed payment form visibility logic.
- Deleted unused `payload-form.component.html` and `payload-form.component.ts`.
- Introduced `PayloadFormDialogComponent` to handle payload form logic and rapid invoice creation.
- Enhanced `PosGoldPayloadFormComponent` and `PosStandardPayloadFormComponent` to support rapid invoice submissions.
- Added `PosGoodCategoriesComponent` for better category management in the goods view.
- Implemented `FavoriteCTAComponent` for managing favorite goods with loading states.
- Created `PosGoodsGridViewComponent` and `PosGoodsListViewComponent` for displaying goods in grid and list formats respectively.
- Improved UI elements across various components for consistency and better user experience.

src/app/shared/components/dialog/light-bottomsheet.component.html

@@ -3,7 +3,7 @@
 <section class="light-bottomsheet-panel" [ngStyle]="style || { 'max-height': mobileDrawerHeight, height: 'auto' }">
   <div class="light-bottomsheet-content">
     @if (header || closable) {
-      <header class="light-bottomsheet-header">
+      <header class="light-bottomsheet-header border-surface-border border-b">
         <span class="text-xl font-bold">{{ header }}</span>
         @if (closable) {
           <p-button
@@ -13,8 +13,7 @@
             size="small"
             class="light-bottomsheet-close"
             (click)="onVisibilityChange(false)"
-            aria-label="Close"
-          >
+            aria-label="Close">
           </p-button>
         }
       </header>

src/app/shared/components/fields/unit_price.component.ts

@@ -5,7 +5,7 @@ import { InputComponent } from '../input/input.component';
 @Component({
   selector: 'field-unit-price',
   template: `<app-input
-    label="قیمت پایه"
+    label="مبلغ واحد"
     [control]="control"
     [name]="name"
     [hint]="hint"

src/app/shared/components/innerPagesHeader/inner-pages-header.component.html

@@ -4,7 +4,7 @@
       @if (backRoute) {
         <p-button icon="pi pi-arrow-right" aria-label="بازگشت" outlined size="small" [routerLink]="backRoute" />
       }
-      <span class="text-xl font-bold">{{ pageTitle }}</span>
+      <h5 class="py-1.5 font-bold">{{ pageTitle }}</h5>
     </div>
   </div>
   @if (actions) {

src/app/shared/components/seasonPicker/season-picker.component.html

@@ -1,4 +1,4 @@
-<div class="flex items-center gap-2 overflow-hidden rounded-xl border border-slate-200 bg-white p-2">
+<div class="border-surface-border bg-surface-card flex items-center gap-2 overflow-hidden rounded-lg border p-2">
   <p-button icon="pi pi-chevron-right" size="small" text class="shrink-0" (onClick)="prevSeason()" />
   <div class="flex flex-1 cursor-pointer justify-center" (click)="openPicker()">
     <span class="text-base font-semibold">{{ currentSeason() }}</span>