[Feat] 전략목록페이지 아코디언 형식의 검색 사이드바 추가

[ssumanlife]

🚀 풀 리퀘스트 제안

🔍 작업 내용

전략목록페이지 아코디언 형식의 검색 사이드바 추가

🔧 변경 사항

• searchInput을 포함한 검색 사이드바 컨테이너 추가
• 검색바에서만 사용될 탭 컴포넌트 추가
• 컨테이너 내부(항목별 탭) 아코디언컨테이너는 아코디언 버튼, 버튼에 따라 열고닫히는 패널, 패널 내부는 버튼 또는 범위지정으로 구조가 되어있습니다.
• 컨테이너 내부(알고리즘 탭) 알고리즘 버튼
• 항목별 검색바에서 아코디언 버튼상태는 context사용
• 검색바에서 API요청시 보낼 검색어는 스토어로 관리 (탭 전환시에도 값이 유지)
• 초기화 버튼과 검색하기를 눌렀을때 잘못된 범위 ( min > max) 일때 에러메세지 띄우는 기능만 추가해두었습니다.

📸 스크린샷 (권장)

🙏 리뷰 참고 (선택 사항)

• ACCORDION_MENU 중에 종목&매매 데이터는 페이지 진입시 API 요청해서 받아와야하는 데이터라 컴포넌트 내부에 위치시켜두었습니다.

📄 기타 (선택 사항)

그 외 전달하고 싶은 내용이나 특별한 요구 사항이 있으면 작성해 주세요.

[github-actions]

🚀 Storybook이 배포 됐어요! 확인하러 가기 => https://6729e72ee61d8f57ca4790fb-zbxalxwkvf.chromatic.com/

[github-actions]

🚀 Storybook이 배포 됐어요! 확인하러 가기 => https://6729e72ee61d8f57ca4790fb-stkqegdvge.chromatic.com/

[github-actions]

🚀 Storybook이 배포 됐어요! 확인하러 가기 => https://6729e72ee61d8f57ca4790fb-ptsblbohhs.chromatic.com/

[github-actions]

🚀 Storybook이 배포 됐어요! 확인하러 가기 => https://6729e72ee61d8f57ca4790fb-jlsqpnjqfj.chromatic.com/

[devdeun]

수고하셨습니다!!

[github-actions]

🚀 Storybook이 배포 됐어요! 확인하러 가기 => https://6729e72ee61d8f57ca4790fb-gdkzctcyqz.chromatic.com/

[ghost]

수고하셨습니다!