fix: minor fix

packages/frontend/src/features/shared/components/Inputs/SearchInput.tsx

@@ -1,11 +1,22 @@
-import { useNavigate } from 'react-router-dom'
-import { useState, KeyboardEvent } from 'react'
+import { useNavigate, useLocation } from 'react-router-dom'
+import { useState, useEffect, useRef, KeyboardEvent } from 'react'
 import { PATHS } from '@/constants/paths'
 import { ReactComponent as SearchIcon } from '@/assets/svg/search.svg'
 
 export default function SearchInput() {
     const [query, setQuery] = useState('')
     const navigate = useNavigate()
+    const location = useLocation()
+    const inputRef = useRef<HTMLInputElement>(null)
+
+    useEffect(() => {
+        const params = new URLSearchParams(location.search)
+        const q = params.get('q')
+        if (q) {
+            setQuery(decodeURIComponent(q))
+            inputRef.current?.focus()
+        }
+    }, [location.search])
 
     const handleSearch = (e: KeyboardEvent<HTMLInputElement>) => {
         if (e.key === 'Enter') {
@@ -23,6 +34,7 @@ export default function SearchInput() {
         <div className="h-10 px-4 flex items-center gap-2 bg-[#3E3E3E] rounded-full text-white">
             <SearchIcon className="w-5 h-5 cursor-pointer" onClick={onClick} />
             <input
+                ref={inputRef}
                 className="flex-1 text-base font-medium bg-transparent placeholder:text-white/60 focus:outline-none"
                 placeholder="Search"
                 value={query}