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>