fix: tree scrolling after open note through tree

src/components/MainComponent.svelte

@@ -6,18 +6,34 @@
 
   const children: Record<string, NoteComponent> = {};
 
+  let pendingOpenNote: Note | null = null;
+
   export function focusTo(vault: DendronVault, note: Note) {
+    if (pendingOpenNote === note) {
+      pendingOpenNote = null;
+      return;
+    }
     const vaultComponent = children[vault.config.name];
     if (!vaultComponent) return;
 
     const pathNotes = note.getPathNotes();
     pathNotes.shift();
     vaultComponent.focusNotes(pathNotes);
   }
+
+  function onOpenNote(e: CustomEvent<Note>) {
+    pendingOpenNote = e.detail;
+  }
 </script>
 
 <div>
   {#each $dendronVaultList as vault (vault.config.name)}
-    <NoteComponent note={vault.tree.root} isRoot {vault} bind:this={children[vault.config.name]} />
+    <NoteComponent
+      note={vault.tree.root}
+      isRoot
+      {vault}
+      bind:this={children[vault.config.name]}
+      on:openNote={onOpenNote}
+    />
   {/each}
 </div>

src/components/NoteComponent.svelte

@@ -7,7 +7,7 @@
   import { openFile } from "../utils";
   import { LookupModal } from "../modal/lookup";
   import { DendronVault } from "src/engine/vault";
-  import { tick } from "svelte";
+  import { createEventDispatcher, tick } from "svelte";
 
   export let note: Note;
   export let isRoot: boolean = false;
@@ -89,13 +89,20 @@
         block: "center",
       });
   };
+
+  interface $$Events {
+    openNote: CustomEvent<Note>;
+  }
+
+  const dispatcher = createEventDispatcher();
 </script>
 
 <div class="tree-item is-clickable" class:is-collapsed={isCollapsed}>
   <div
     class="tree-item-self is-clickable mod-collapsible is-active"
     class:is-active={isActive}
     on:click={() => {
+      dispatcher("openNote", note);
       openFile(getPlugin().app, note.file);
       isCollapsed = false;
     }}
@@ -130,7 +137,7 @@
       }}
     >
       {#each note.children as child (child.name)}
-        <svelte:self note={child} {vault} bind:focusNotes={childrenFocus[child.name]} />
+        <svelte:self note={child} {vault} bind:focusNotes={childrenFocus[child.name]} on:openNote />
       {/each}
     </div>
   {/if}