fix scrolling in sidebar

src/app/components/MenuSpace.svelte

@@ -69,7 +69,7 @@
 </script>
 
 <div bind:this={element}>
-  <SecondaryNavSection>
+  <SecondaryNavSection class="max-h-screen">
     <div>
       <SecondaryNavItem class="w-full !justify-between" on:click={openMenu}>
         <strong>{displayRelayUrl(url)}</strong>
@@ -109,6 +109,7 @@
         </Popover>
       {/if}
     </div>
+    <div class="min-h-0 overflow-auto">
       <SecondaryNavItem href={makeSpacePath(url)}>
         <Icon icon="home-smile" /> Home
       </SecondaryNavItem>
@@ -141,5 +142,6 @@
         <Icon icon="add-circle" />
         Create room
       </SecondaryNavItem>
+    </div>
   </SecondaryNavSection>
 </div>

src/lib/components/SecondaryNavSection.svelte

@@ -1,3 +1,3 @@
-<div class="flex flex-col gap-1 px-2 py-4">
+<div class="flex flex-col gap-1 px-2 py-4 {$$props.class}">
   <slot />
 </div>