[FE] - 체결 완료 알림 및 반응형 레이아웃 추가

[BHyeonKim]

📝 요약(Summary)

체결 완료 알림 추가

체결이 실제로 실행되면 토스트를 보여주도록 하였습니다.

2025-06-08.9.41.24.mov

반응형 레이아웃 추가

다양한 화면사이즈에 대응하도록 반응형 레이아웃을 추가했습니다.

2025-06-08.9.43.24.mp4

모바일 화면에서의 사이드바 추가

모바일 화면에서 코인 목록 리스트를 사이드바로 보여주도록 설정하였습니다.

2025-06-08.9.48.52.mov

ETC

• 가격과 수량에 포멧을 적용하였습니다.
• 챗봇 컴포넌트 애니메이션을 수정하였습니다.
• 컴포넌트 테스트를 추가하였습니다.

🛠️ PR 유형

어떤 변경 사항이 있나요?

• 새로운 기능 추가
• 버그 수정
• CSS 등 사용자 UI 디자인 변경
• 코드에 영향을 주지 않는 변경사항(오타 수정, 탭 사이즈 변경, 변수명 변경)
• 코드 리팩토링
• 주석 추가 및 수정
• 테스트 추가, 테스트 리팩토링
• 빌드 부분 혹은 패키지 매니저 수정
• 문서 수정
• 파일 혹은 폴더 수정/삭제

📸스크린샷 (선택)

## ✅ PR Checklist PR이 다음 요구 사항을 충족하는지 확인하세요.

• 커밋 메시지 컨벤션에 맞게 작성했습니다.
• 변경 사항에 대한 테스트를 했습니다.(버그 수정/기능에 대한 테스트).

[investfuture-sonarqube1]

Quality Gate failed

• 9 New Issues (is greater than 0)
• 55.40% Coverage on New Code (is less than 80.00%)

Project ID: CleanEngine_cleanengine-fe_c6875537-ed9d-4dfe-b79c-ea5cb6d2a0e3

View in SonarQube