feat: Installable PWA (#1882)

shared/styles/globals.js

@@ -37,6 +37,21 @@ export default createGlobalStyle`
     text-rendering: optimizeLegibility;
   }
 
+  @media (min-width: ${(props) =>
+    props.theme.breakpoints.tablet}px) and (display-mode: standalone) {
+    body:after {
+      content: "";
+      display: block;
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      height: 1px;
+      background: ${(props) => props.theme.divider};
+      z-index: ${(props) => props.theme.depths.pwaSeparator};
+    }
+  }
+
   a {
     color: ${(props) => props.theme.link};
     text-decoration: none;

shared/styles/theme.js

@@ -108,13 +108,13 @@ export const base = {
 
   depths: {
     sidebar: 1000,
-    stickyHeader: 1500,
     modalOverlay: 2000,
     modal: 3000,
     menu: 4000,
     toasts: 5000,
     loadingIndicatorBar: 6000,
     popover: 9000,
+    pwaSeparator: 10000,
   },
 };