feat: enhance form components with validation and dynamic properties; update payment handling and UI interactions

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

@@ -132,12 +132,16 @@ export class SharedLightBottomsheetComponent implements OnInit, OnDestroy, OnCha
       this.syncZIndex();
     }
     if (changes['visible']) {
+      console.log('changed', this.visible);
+
       this.toggleBodyScrollLock(this.visible);
     }
   }
 
   ngOnDestroy() {
     this.toggleBodyScrollLock(false);
+    console.log('destroyed');
+
     this.removeDrawer();
   }
 
@@ -167,6 +171,8 @@ export class SharedLightBottomsheetComponent implements OnInit, OnDestroy, OnCha
   }
 
   private toggleBodyScrollLock(locked: boolean) {
+    console.log('locked', locked);
+
     const body = this.document.body;
     if (!body) return;
 
@@ -182,8 +188,8 @@ export class SharedLightBottomsheetComponent implements OnInit, OnDestroy, OnCha
       return;
     }
 
-    this.renderer.setStyle(body, 'overflow', this.previousBodyOverflow);
-    this.renderer.setStyle(body, 'touch-action', this.previousBodyTouchAction);
+    this.renderer.removeStyle(body, 'overflow');
+    this.renderer.removeStyle(body, 'touch-action');
     this.previousBodyOverflow = '';
     this.previousBodyTouchAction = '';
   }