fix: use svh unit for body height

On mobile, viewport height can be dynamic due to e.g. collapsible tab
bar. vh is based on the largest viewport height, so specifying 100vh
will cause part of the body to be covered by e.g. expanded tab bar.
using svh fixes this issue, as it is based on the smallest possible
viewport height instead e.g. the viewport height when the tab bar is
expanded.

web/style.css

@@ -31,6 +31,7 @@ body {
 
 body {
   width: calc(100% - 4rem - 2px);
+  height: calc(100svh - 6rem - 2px);
   height: calc(100vh - 6rem - 2px);
   padding: 2rem;
   margin: 0;