Align Search WebUI runtime dependencies

webui/package.json

@@ -19,9 +19,9 @@
   "peerDependencies": {
     "@govoplan/core-webui": "^0.1.14",
     "lucide-react": "^1.23.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-router-dom": ">=7.18.2 <8"
+    "react": ">=19.2.7 <20",
+    "react-dom": ">=19.2.7 <20",
+    "react-router": ">=8.3.0 <9"
   },
   "peerDependenciesMeta": {
     "@govoplan/core-webui": {

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));