fix(gallery): перенос safe-area отступа (#1756)

* fix(gallery): перенос safe-area отступа

* fix(gallery): replace safe-area by var from themes

---------

Co-authored-by: Artem <[email protected]>

Author: temss-front

.changeset/good-numbers-care.md

@@ -0,0 +1,5 @@
+---
+'@alfalab/core-components-gallery': patch
+---
+
+safe-area отступы перенесены из modal в container

packages/gallery/src/index.module.css

@@ -1,4 +1,5 @@
 @import '../../vars/src/index.css';
+@import '../../vars/src/safe-area.css';
 
 .container {
     position: relative;
@@ -10,6 +11,8 @@
     height: 100%;
     width: 100%;
     background-color: var(--color-static-neutral-0-inverted);
+    padding-top: var(--sat);
+    padding-bottom: var(--sab);
 
     &.mobile {
         overflow: hidden;
@@ -21,8 +24,6 @@
     width: 100vw;
     height: 100vh;
     background: transparent;
-    padding: env(safe-area-inset-top, var(--gap-0)) var(--gap-0),
-        env(safe-area-inset-bottom, var(--gap-0));
 }
 
 .navigationVideo {