[FIX] Button 컴포넌트 오류 수정

[mijin0928]

이 PR은 어떤 유형인가요?

• [ ] 리팩터링
• [ ] 기능
• [x] 버그 수정
• [ ] 최적화
• [ ] 문서 업데이트

설명

버튼 컴포넌트 오류 수정

버튼 안에 글자 길어질 때 글자가 잘리는 오류

• width를 min-width로 바꾸고 padding 값 추가

font-size에 font-family가 적용되는 오류

• font-size 제거

아이콘 있는 버튼에 글자 길어질 때 간격 안 맞음

• padding 값 수정

toggle button 현재 활성화 된 탭 클릭 시 다른 탭이 활성화 되는 오류

• 기존 코드 삭제 후 객체로 데이터 만들어 map을 사용

disabled 버튼 hover, active, focus 일 때 background-color:"none" 오류

• disabled 아닐 때 버튼 색상으로 변경

삭제 버튼 hover 했을 때 삭제 아이콘 약간 움직이는 오류

• position으로 위치 조정

disabled 아이콘 이미지 추가

관련 티켓 및 문서

• Related Issue #33
• Closes #33

스크린샷, 녹화

UI 접근성 체크리스트

UI 변경 사항이 있는 경우, 이 체크리스트를 활용하세요:

• [ ] Semantic HTML 구현?
• [ ] 키보드 조작이 지원?
• [ ] axe DevTools를 사용하여 Critical 및 Serious 문제를 확인하고 해결했나요?

[선택사항] 이 PR을 가장 잘 설명하는 GIF는 무엇인가요?

오류가 많았네요...