fix(mobile): use dynamic vh and one-by-one horizontal scroll

src/layouts/StickySideColumns.module.scss

@@ -22,6 +22,7 @@
     > * {
       scroll-margin-top: $header-height + $body-vertical-padding;
       scroll-snap-align: start;
+      scroll-snap-stop: always; // Touch devices will always stop on each element
     }
   }
 
@@ -45,7 +46,7 @@
   }
   > :first-child {
     max-height: calc(
-      100svh - $header-height - $body-vertical-padding * 2 - $tabs-height
+      100dvh - $header-height - $body-vertical-padding * 2 - $tabs-height
     );
   }
 }