Fix scrolling of space menu on mobile

src/app/components/SpaceMenu.svelte

@@ -136,9 +136,9 @@
   })
 </script>
 
-<div bind:this={element} class="flex h-full flex-col justify-between">
+<div bind:this={element} class="flex min-h-0 flex-1 flex-col">
-  <SecondaryNavSection class="pb-0">
+  <SecondaryNavSection class="min-h-0 flex-1 flex flex-col overflow-hidden pb-0">
-    <div>
+    <div class="flex-shrink-0">
       <Button
         class="flex w-full flex-col rounded-xl p-3 transition-all hover:bg-base-100"
         onclick={openMenu}>
@@ -222,8 +222,7 @@
         </Popover>
       {/if}
     </div>
-    <div
+    <div class="flex min-h-0 flex-1 flex-col gap-1 overflow-auto overflow-x-hidden">
-      class="flex max-h-[calc(100vh-150px)] min-h-0 flex-col gap-1 overflow-auto overflow-x-hidden">
       {#if hasNip29($relay)}
         <SecondaryNavItem {replaceState} href={makeSpacePath(url, "recent")}>
           <Icon icon={History} /> Recent Activity
@@ -296,7 +295,7 @@
       {/if}
     </div>
   </SecondaryNavSection>
-  <div class="flex flex-col gap-2 p-4 pb-[calc(var(--saib)+3.5rem)] pt-0 md:pb-2">
+  <div class="flex flex-shrink-0 flex-col gap-2 p-4 pb-[calc(var(--saib)+3.5rem)] pt-0 md:pb-2">
     <VoiceWidget />
     <Button class="btn btn-neutral btn-sm h-10" onclick={showDetail}>
       <SocketStatusIndicator {url} />

src/routes/spaces/[relay]/+page.svelte

@@ -25,7 +25,7 @@
   <div class="ml-sai mt-sai mb-sai relative z-nav w-14 flex-shrink-0 bg-base-200 pt-4">
     <PrimaryNavSpaces />
   </div>
-  <SecondaryNav class="!w-auto !flex flex-grow">
+  <SecondaryNav class="!flex !min-h-0 !w-auto flex-grow">
     <SpaceMenu {url} />
   </SecondaryNav>
 {/if}