feat: responsive tech tree

src/components/Navbar/index.tsx

@@ -87,7 +87,7 @@ export default function Navbar() {
         left: 0,
         width: '100%',
         height: 64 + 1, // extra pixel for frost bleeding
-        zIndex: 1,
+        zIndex: 2,
         padding: '1rem',
         background: theme.colors.appBackground1_alpha,
         borderBottom: theme.borderStyles.nonInteractive,

src/components/PageWrapper.tsx

@@ -24,6 +24,7 @@ export default function PageWrapper({
 }: PageWrapperProps) {
   return (
     <Theme
+      {...containerProps}
       accentColor={color}
       style={{
         flex: 1,
@@ -34,7 +35,6 @@ export default function PageWrapper({
           : undefined,
         ...containerProps?.style,
       }}
-      {...containerProps}
     >
       <Flex
         direction="column"