Align Search WebUI runtime dependencies

webui/src/components/GlobalSearch.tsx

@@ -9,7 +9,7 @@ import {
   type FormEvent,
   type KeyboardEvent as ReactKeyboardEvent
 } from "react";
-import { useLocation } from "react-router-dom";
+import { useLocation } from "react-router";
 import {
   Button,
   Dialog,

webui/src/features/search/SearchPage.tsx

@@ -7,7 +7,7 @@ import {
   useState,
   type FormEvent
 } from "react";
-import { useSearchParams } from "react-router-dom";
+import { useSearchParams } from "react-router";
 import {
   DismissibleAlert,
   LoadingIndicator,

webui/src/styles/search.css

@@ -98,6 +98,7 @@
 .search-overlay-input-position {
   min-width: 0;
   flex: 0 0 auto;
+  z-index: 1000;
 }
 
 .global-search-overlay-input {
@@ -109,7 +110,7 @@
   min-width: 0;
   min-height: 0;
   flex-direction: column;
-  margin-top: 8px;
+  margin-top: -44px;
   overflow: hidden;
   border: var(--border-line);
   border-radius: 6px;
@@ -260,7 +261,7 @@
   position: absolute;
   z-index: 400;
   top: calc(100% + 7px);
-  right: 0;
+  left: 0;
   display: flex;
   width: min(340px, calc(100vw - 40px));
   max-height: min(520px, calc(100vh - 150px));