Fix ResponseDialog to properly sync its state

src/lib/components/ui/responsive-dialog/responsive-dialog.svelte

@@ -68,6 +68,14 @@
     return unsubscribe;
   });
 
+  $effect(() => {
+    if (open) {
+      openDialog(id);
+    } else {
+      closeDialog(id);
+    }
+  });
+
   onDestroy(() => {
     responsiveDialogs.update((state) => {
       const newState = new Map(state);

src/routes/(pages)/dashboard/tenants/+page.svelte

@@ -42,7 +42,7 @@
     {:then tenants}
       <div class="flex flex-col items-start gap-5">
         <ResponsiveDialog
-          id="add-tenant"
+          id="add"
           title={m["tenants.add.title"]()}
           description={m["tenants.add.description"]()}
           triggerHidden={tenants.length === 0}