feat: update environment configuration and ngsw settings; refactor input handling and layout components for improved functionality

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

@@ -19,7 +19,7 @@
         }
       </header>
     }
-    <div class="p-4">
+    <div class="light-bottomsheet-body p-4">
       <ng-content></ng-content>
     </div>
   </div>

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

@@ -39,7 +39,9 @@ import { Button } from 'primeng/button';
         right: 0;
         bottom: 0;
         left: 0;
-        max-height: 80svh;
+        max-height: 90vh;
+        display: flex;
+        flex-direction: column;
         background: var(--surface-card, #fff);
         border-radius: 12px 12px 0 0;
         box-shadow: none;
@@ -51,13 +53,21 @@ import { Button } from 'primeng/button';
       }
 
       .light-bottomsheet-content {
-        max-height: 80svh;
-        overflow: auto;
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+        min-height: 0;
         padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));
         -webkit-overflow-scrolling: touch;
         overscroll-behavior: contain;
       }
 
+      .light-bottomsheet-body {
+        flex: 1;
+        min-height: 0;
+        overflow: auto;
+      }
+
       .light-bottomsheet-header {
         display: flex;
         align-items: center;
@@ -116,7 +126,7 @@ export class SharedLightBottomsheetComponent implements OnInit, OnDestroy, OnCha
   @Input() modal = true;
   @Input() closable = true;
   @Input() style: Record<string, string> | undefined;
-  @Input() mobileDrawerHeight = '80svh';
+  @Input() mobileDrawerHeight = '90vh';
   @Input() transitionOptions = '130ms cubic-bezier(0.2, 0, 0, 1)';
 
   @Output() onHide = new EventEmitter<any>();