Fix scroller in room page

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

@@ -1,6 +1,6 @@
 <script lang="ts">
   import {nip19} from "nostr-tools"
-  import {onMount, onDestroy} from "svelte"
+  import {onDestroy} from "svelte"
   import type {Readable} from "svelte/store"
   import {derived} from "svelte/store"
   import type {Editor} from "svelte-tiptap"
@@ -122,10 +122,9 @@
     return $elements.reverse().slice(0, limit)
   })
 
-  onMount(async () => {
-    // Sveltekiiit
-    await sleep(100)
-
+  // Sveltekit doesn't set element in onMount for some reason
+  $: {
+    if (element) {
       scroller = createScroller({
         element,
         delay: 300,
@@ -135,7 +134,8 @@
           loading = sleep(5000)
         },
       })
-  })
+    }
+  }
 
   onDestroy(() => {
     setChecked($page.url.pathname)