fix(ActionSheet): add safe paddings (#9831)

* fix(ActionSheet): add safe paddings

* fix(ActionSheet): fix style

---------

Co-authored-by: e.mukhametkhanov <e.mukhametkhanov@vk.team>

Author: 2 people

packages/vkui/src/components/ActionSheet/ActionSheet.module.css

@@ -5,7 +5,8 @@
   box-sizing: border-box;
   inline-size: 100%;
   max-inline-size: var(--vkui--size_popup_small--regular);
-  padding: 10px;
+  padding-block: 10px calc(10px + var(--vkui_internal--safe_area_inset_bottom));
+  padding-inline: 10px;
 }
 
 @media (--reduce-motion) {
@@ -49,7 +50,8 @@
  * iOS
  */
 .ios {
-  padding: 8px;
+  padding-block: 8px calc(8px + var(--vkui_internal--safe_area_inset_bottom));
+  padding-inline: 8px;
   background: transparent;
 }
 
@@ -59,7 +61,7 @@
 }
 
 .closeItemWrapperIos {
-  margin-block: 8px var(--vkui_internal--safe_area_inset_bottom);
+  margin-block-start: 8px;
   overflow: hidden;
   background: var(--vkui--color_background_modal);
   border-radius: 14px;