fix(layout): use 100svh for min-height on body instead of 100vh

Address a mobile layout issue where using 100vh caused unexpected behavior. Switching to 100svh
resolves this problem by accounting for the mobile browser's UI components. This change ensures a
consistent and improved user experience on smaller screens.

resolves #127

src/styles/base.css

@@ -29,7 +29,7 @@
     display: block;
   }
   body {
-    @apply flex min-h-screen flex-col bg-skin-fill font-mono text-skin-base 
+    @apply flex min-h-[100svh] flex-col bg-skin-fill font-mono text-skin-base 
     selection:bg-skin-accent selection:bg-opacity-70 selection:text-skin-inverted;
   }
   section,