fix: адаптивная верстка онбординга и скрытие кнопки редактирования

src/screens/Gallery.module.css

@@ -131,7 +131,7 @@
   border: none;
   border-radius: 50%;
   z-index: 2;
-  display: flex;
+  display: none;
   align-items: center;
   justify-content: center;
   font-size: 18px;
@@ -140,6 +140,7 @@
   box-shadow: 0 1px 4px rgba(0,0,0,0.12);
   outline: none;
   padding: 0;
+  pointer-events: none;
 }
 .editButton:active {
   background: rgba(0,0,0,0.8);

src/screens/onboarding/OnboardingHowTo.module.css

@@ -234,3 +234,50 @@
   text-decoration: underline;
   cursor: pointer;
 }
+
+@media (max-height: 600px) {
+  .imageBlock {
+    margin-top: 0;
+  }
+  .image {
+    margin-top: -15vh;
+  }
+  .list {
+    margin-bottom: 12px;
+  }
+  .progress {
+    margin: 12px 0;
+  }
+  .checkboxRow {
+    margin-bottom: 4px;
+  }
+}
+
+@media (max-height: 568px) {
+  .image {
+    margin-top: -20vh;
+  }
+  .title {
+    font-size: 22px;
+    margin-bottom: 8px;
+  }
+  .list {
+    font-size: 15px;
+    margin-bottom: 8px;
+  }
+  .progress {
+    margin: 8px 0;
+  }
+}
+
+@media (max-height: 520px) {
+  .image {
+    margin-top: -25vh;
+  }
+}
+
+@media (max-height: 480px) {
+  .image {
+    margin-top: -30vh;
+  }
+}

src/screens/onboarding/OnboardingWelcome.module.css

@@ -201,3 +201,27 @@
     margin-top: 8px;
   }
 }
+
+@media (max-height: 600px) {
+  .image {
+    margin-top: -20vh;
+  }
+  .textContent {
+    padding-bottom: 8px;
+  }
+  .bottomContent {
+    margin-top: 8px;
+  }
+}
+
+@media (max-height: 520px) {
+  .image {
+    margin-top: -35vh;
+  }
+}
+
+@media (max-height: 480px) {
+  .image {
+    margin-top: -45vh;
+  }
+}