Show popovers above modals

The NodeId card opened from an assignee in the new issue modal ended up
underneath the modal's scrim.

src/components/HoverPopover.svelte

@@ -133,7 +133,7 @@
     left: 0;
     visibility: hidden;
     border-radius: var(--border-radius-md);
-    z-index: 10;
+    z-index: 400;
   }
 </style>
 

src/components/Popover.svelte

@@ -101,7 +101,7 @@
     top: 0;
     left: 0;
     visibility: hidden;
-    z-index: 10;
+    z-index: 400;
   }
 </style>
 

src/lib/modal.ts

@@ -2,6 +2,8 @@ import type { Component, ComponentProps } from "svelte";
 
 import { derived, get, writable } from "svelte/store";
 
+import { closeFocused } from "@app/components/Popover.svelte";
+
 type HideCallback = () => void;
 
 type Modal = {
@@ -66,6 +68,7 @@ export function show<T extends Component<any>>(args: ShowArgs<T>): void {
   if (document.activeElement instanceof HTMLElement) {
     document.activeElement.blur();
   }
+  closeFocused();
   store.set({ ...args, disableScrimClose: args.disableScrimClose ?? false });
 }