Issue#115/search coin component

[sronger]

개요

• 메인페이지에서 코인을 쉽게 찾기 위한 코인 검색 컴포넌트

작업사항

• 코인 검색 레이아웃 작성
• 이벤트 연결
• 디바운스 처리
• coinDict 개발
• 전체 선택 변경
• 영어 이름 검색 기능 추가
• 데이터 패치 통합 (GNB, 메인페이지)
  • useContext를 사용

생각해볼점

• _app.tsx에서 page로 데이터 전달을 위해 useContext를 사용하였다. jotai를 사용할거라면 나중에 제거하는 편이 나을 거 같다.
• 코인 검색기능의 AutoComplete를 빼는게 나을지도 ? (AutoComplete 박스 때문에 코인 검색 내용이 가려짐)

이미지

https://user-images.githubusercontent.com/79131091/206827663-aead7ebd-d44f-403d-82a0-e761889805d6.mp4

기타

참고자료 https://kyounghwan01.github.io/blog/React/next/getInitialProps/#context-object https://velog.io/@chaerin00/Next.js-app.tsx%EC%97%90%EC%84%9C-getInitialProps-%EC%BB%A4%EC%8A%A4%ED%85%80%ED%95%98%EA%B8%B0 https://github.com/vercel/next.js/discussions/36832 https://velog.io/@cyranocoding/Next-js-%EA%B5%AC%EB%8F%99%EB%B0%A9%EC%8B%9D-%EA%B3%BC-getInitialProps https://yceffort.kr/2021/12/nextjs-lesson-and-learn https://velog.io/@devstone/Next.js-100-%ED%99%9C%EC%9A%A9%ED%95%98%EA%B8%B0-feat.-initialProps-webpack-storybook https://velog.io/@tchaikovsky/Next.js-Automatic-Static-Optimization https://stackoverflow.com/questions/59674496/how-to-pass-pageprops-in-next-js-from-a-child-component-to-app-js