Use store for binding

src/lib/components/dualTimeView.svelte

@@ -8,6 +8,7 @@
         toISOString
     } from '$lib/helpers/date';
     import { Badge, InteractiveText, Layout, Popover, Typography } from '@appwrite.io/pink-svelte';
+    import { menuOpen } from '$lib/components/menu/store';
 
     export let time: string = '';
     export let placement: ComponentProps<Popover>['placement'] = 'bottom';
@@ -77,7 +78,7 @@
 <Popover let:show let:hide {placement} portal>
     <button
         on:mouseenter={() => {
-            if (!document.getElementById('actionmenuopen')) {
+            if (!$menuOpen) {
                 setTimeout(show, 150);
             }
         }}

src/lib/components/menu/menu.svelte

@@ -1,6 +1,8 @@
 <script lang="ts">
     import { Card } from '@appwrite.io/pink-svelte';
     import { createMenubar, melt } from '@melt-ui/svelte';
+    import { writable } from 'svelte/store';
+    import { menuOpen } from '$lib/components/menu/store';
 
     const {
         elements: { menubar },
@@ -15,6 +17,8 @@
     function toggle() {
         open.update((state) => !state);
     }
+
+    $: menuOpen.set($open);
 </script>
 
 <div use:melt={$menubar}>

src/lib/components/menu/store.ts

@@ -0,0 +1,3 @@
+import { writable } from 'svelte/store';
+
+export const menuOpen = writable(false);