feat: 검색 API 호출 시, 검색 페이지 입력값과 Navbar 입력값 동기화하기(#120)

src/hooks/useInput.ts

@@ -1,5 +1,5 @@
 import { useRouter } from 'next/navigation';
-import { ChangeEvent, useCallback, useState } from 'react';
+import { ChangeEvent, useCallback, useEffect, useState } from 'react';
 
 const useInput = (initialValue: string) => {
 	const router = useRouter();
@@ -25,6 +25,11 @@ const useInput = (initialValue: string) => {
 		}
 	};
 
+	// SearchInput과 HeaderSearchInput 동기화
+	useEffect(() => {
+		setValue(initialValue);
+	}, [initialValue]);
+
 	return { value, isFocused, handleChange, handleFocus, handleBlur, handleKeydown };
 };