Fix sidebar responsivity (#453)

* navbar height fix. has to be cleaned up
* use parent height for tree
* cleanups

apps/client/src/features/page/tree/components/space-tree.tsx

@@ -197,7 +197,7 @@ export default function SpaceTree({ spaceId, readOnly }: SpaceTreeProps) {
           disableEdit={readOnly}
           {...controllers}
           width={width}
-          height={height}
+          height={rootElement.current.clientHeight}
           ref={treeApiRef}
           openByDefault={false}
           disableMultiSelection={true}

apps/client/src/features/page/tree/styles/tree.module.css

@@ -3,10 +3,12 @@
 }
 
 .treeContainer {
-    display: flex;
+    height: 100%;
-    height: 68vh;
-    flex: 1;
     min-width: 0;
+
+    > div, > div > .tree {
+        height: 100% !important;
+    }
 }
 
 .node {

apps/client/src/features/space/components/sidebar/space-sidebar.module.css

@@ -18,6 +18,16 @@
     }
 }
 
+.sectionPages {
+    margin-bottom: 0;
+    overflow-y: hidden;
+
+    .pages {
+        height: 100%;
+        padding-bottom: 26px;
+    }
+}
+
 .menuItems {
     padding-left: calc(var(--mantine-spacing-md) - var(--mantine-spacing-xs));
     padding-right: calc(var(--mantine-spacing-md) - var(--mantine-spacing-xs));

apps/client/src/features/space/components/sidebar/space-sidebar.tsx

@@ -134,7 +134,7 @@ export function SpaceSidebar() {
           </div>
         </div>
 
-        <div className={classes.section}>
+        <div className={[classes.section, classes.sectionPages].join(' ')}>
           <Group className={classes.pagesHeader} justify="space-between">
             <Text size="xs" fw={500} c="dimmed">
               Pages