feat: 공지 검색에서 keyword값이 TextInput에서도 유지되게 변경

Author: greengrape777

src/app/search/page.tsx

@@ -51,6 +51,7 @@ function SearchContent() {
   const [isLoading, setIsLoading] = useState(false);
   const [hasMore, setHasMore] = useState(true);
   const [error, setError] = useState<string | null>(null);
+  const [isSearchModalOpen, setIsSearchModalOpen] = useState(false);
 
   // 공지사항 데이터 가져오기
   const fetchNotices = useCallback(

src/components/modal/searchModal.tsx

@@ -95,11 +95,12 @@ const SearchInput = styled.input`
 `;
 
 interface SearchModalProps {
+  keyword?: string;
   isOpen: boolean;
   onClose: () => void;
 }
 
-export default function SearchModal({ isOpen, onClose }: SearchModalProps) {
+export default function SearchModal({ keyword, isOpen, onClose }: SearchModalProps) {
   const [portalElement, setPortalElement] = useState<HTMLElement | null>(null);
   const [searchQuery, setSearchQuery] = useState('');
   const router = useRouter();
@@ -128,7 +129,7 @@ export default function SearchModal({ isOpen, onClose }: SearchModalProps) {
 
   useEffect(() => {
     if (isOpen) {
-      setSearchQuery('');
+      setSearchQuery(keyword || '');
     }
   }, [isOpen]);
 

src/components/notice/notice-header.tsx

@@ -150,9 +150,12 @@ export function NoticeHeader({ type, icon, title }: NoticeHeaderProps) {
             />
           </IconWrapper>
         )}
-        <HeaderTitle>{displayTitle}</HeaderTitle>
+        <HeaderTitle onClick={handleIconClick}>
+          {displayTitle}
+        </HeaderTitle>
       </HeaderContainer>
       <SearchModal
+        keyword={displayTitle}
         isOpen={isSearchModalOpen}
         onClose={() => setIsSearchModalOpen(false)}
       />