refactor: update labels and translations in various components

- Changed 'تغییر گذرواژه' to 'تغییر رمز عبور' in layout.component.ts
- Updated HTML structure in list.component.html and saleInvoices components for consistency and improved styling.
- Modified sale-invoice-card.component.html to enhance the display of invoice details.
- Adjusted sale-invoice-card.component.ts to handle customer types more effectively.
- Enhanced the handling of invoice statuses in saleInvoices components.
- Improved layout and styling in shop components for better user experience.
- Refactored key-value component for better readability and maintainability.
- Updated upload file component to streamline file selection process.
- Added new styles in customize.scss and psp.scss for consistent UI.
- Adjusted environment configuration for better API endpoint management.

src/app/domains/pos/modules/saleInvoices/components/sale-invoice-card.component.html

@@ -1,18 +1,18 @@
 <p-card class="border-surface-border relative overflow-visible border p-0!">
   <div class="flex w-full items-center justify-between gap-4">
-    <span> {{ saleInvoice.invoice_number }} - {{ saleInvoice.code }} </span>
+    <span class="text-lg font-bold"> {{ saleInvoice.invoice_number }}</span>
     <catalog-tax-provider-status-tag [status]="saleInvoice.status.value" [translate]="saleInvoice.status.translate" />
   </div>
   <hr />
-  <div class="grid grid-cols-1 gap-4">
-    <app-key-value alignment="end" label="نوع صورت‌حساب">
-      {{ preparedInvoiceType() }}
-    </app-key-value>
+  <div class="grid grid-cols-1 gap-3">
+    <app-key-value alignment="end" label="تاریخ" [value]="saleInvoice.created_at" type="date" />
     <app-key-value alignment="end" label="مبلغ کل" [value]="saleInvoice.total_amount" type="price" />
     <app-key-value alignment="end" label="نوع صورت‌حساب‌">
       <catalog-invoice-type-tag [status]="saleInvoice.type.value" />
     </app-key-value>
-    <app-key-value alignment="end" label="تاریخ صورت‌حساب‌" [value]="saleInvoice.created_at" type="date" />
+    <app-key-value alignment="end" label="مشتری">
+      {{ preparedInvoiceType() }}
+    </app-key-value>
   </div>
   <hr />
   <div class="flex items-center justify-center gap-4">