fix: search page 모달 변경

[hyun907]

📝 PR 유형

• [ ] 🚀 feature 기능 추가
• [ ] 🐞 버그 발생
• [x] 🔨 리팩토링
• [ ] 📋 문서작성
• [ ] 🌍 빌드 설정 및 문제
• [ ] ETC

📝 PR 설명

기존에 다른 브랜치에서 미리 작업해서 search 페이지로 들어간 후에 검색 아이콘을 눌러야 모달창이 나왔습니다. 코드 수정해서 탑 네브바에 있는 검색 아이콘을 누르면 바로 모달창이 나옵니다.

관련된 이슈 넘버

✅ 작업 목록

• search 경로 page.tsx 삭제 후 네브에 있는 검색 버튼 누르면 바로 모달창 띄우기
• 모달 제외한 배경 클릭 시 모달 닫힘 -> DismissableLayer 라이브러리 이용해서 작업했었는데, modal보다 z-index가 높아진 이슈가 있어서 더 알아보고 나중에 다시 작업하겠습니다!
• 전체적인 CSS, 스타일링 추가 (검색 결과 있을 때, 검색 결과 없을 때, 검색어를 입력하지 않았을 때)

MR하기 전에 확인해주세요

• [x] local code lint 검사를 진행하셨나요?
• [x] loca ci test를 진행하셨나요?

📚 논의사항

원래 IME로 인한 한글 중복 입력 key down 이벤트 이슈가 있었는데, 해결했습니다!

📚 ETC