🤖 fix: use dvh units for body height (#555)

Replaces `100vh` with `100dvh` for the main app container to fix content
clipping on mobile browsers with dynamic UI chrome.

Mobile Safari and other mobile browsers show/hide the address bar and
toolbar on scroll. Using `100vh` causes content to be cut off when this
chrome is visible because `100vh` represents the maximum viewport height
(when chrome is hidden).

The `100dvh` unit dynamically adapts to the actual visible viewport
height as the browser chrome appears and disappears, preventing content
from being clipped.

_Generated with `cmux`_

Author: deansheather

src/styles/globals.css

@@ -270,7 +270,7 @@ body {
 html,
 body,
 #root {
-  height: 100vh;
+  height: 100dvh;
   overflow: hidden;
 }