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/layout/default/app.layout.component.html

@@ -1,29 +1,27 @@
-<div class="layout-wrapper" [ngClass]="containerClass">
+<div class="layout-wrapper flex min-h-svh flex-col" [ngClass]="containerClass">
   @if (!fullPageLoading()) {
     <app-topbar
       [showMenu]="showMenu()"
       [startTemplate]="topBarStartAction"
       [centerTemplate]="topBarCenterAction"
-      [endTemplate]="topBarEndAction || topBarMoreAction"
-    />
+      [endTemplate]="topBarEndAction || topBarMoreAction" />
   }
   @if (showMenu()) {
     <app-sidebar></app-sidebar>
   }
-  <div [class]="`layout-main-container ${!showMenu() ? 'hideMenu' : ''} grow ${isFullPage ? 'isFullPage' : ''}`">
-    <div class="layout-main flex flex-col gap-4">
+  <div
+    [class]="`flex flex-col justify-between ${!showMenu() ? 'hideMenu m0 ps-0' : ''} grow ${isFullPage ? 'isFullPage p-0 ps-0' : ''}`">
+    <div class="flex flex-1 flex-col gap-4">
       @if (showBreadcrumb) {
-        <app-breadcrumb class="rounded-md overflow-hidden shrink-0" />
+        <app-breadcrumb class="shrink-0 overflow-hidden rounded-md" />
       }
-      <div [class]="`rounded-md flex flex-col grow`">
+      <div [class]="`flex min-h-0 flex-1 flex-col rounded-md`">
         <!--  style="container-type: size" -->
-        <div class="h-full">
-          @if (content) {
-            <ng-container [ngTemplateOutlet]="content"></ng-container>
-          } @else {
-            <router-outlet></router-outlet>
-          }
-        </div>
+        @if (content) {
+          <ng-container [ngTemplateOutlet]="content"></ng-container>
+        } @else {
+          <router-outlet></router-outlet>
+        }
       </div>
     </div>
     <app-footer></app-footer>