[FE] 런칭 UT 피드백을 일부 반영한다. (UI 관련)

[ooherin]

❗ Issue

• [FE] 방끗의 메인 페이지 등 피드백을 반영한다. #875

✨ 구현한 기능

1. 탭 UI 수정

'탭을 옆으로 이동시키는 줄 몰랐다' 라는 UT 피드백을 위해 다음과 같이 탭의 디자인을 텍스트 => 버튼형으로 수정했습니다.

기본정보

질문 ox선택 탭

디테일 탭 디자인 수정

'디테일 페이지에서 편집 버튼을 발견하지 못한다는' 피드백을 반영하기 위해 다음과 같이 추가했습니다.

기본정보 탭 FocusTrap 추가

• 기본정보 탭에서 Tap 으로도 인풋과 버튼을 사용할 수 이

기타

• 탭 css 조정 : 가운데로 오게
• 체크리스트 리스트 아이템 hover css 추가
• '내가 둘러본 방' , '새로운 방 체크하기' 등 네이밍 수정

📢 논의하고 싶은 내용

🎸 기타

[github-actions]

🚀 storybook: https://669cc4025d9f500bb8c34778-heduqvyhrx.chromatic.com/

[github-actions]

🚀 storybook: https://669cc4025d9f500bb8c34778-ymctvcbutp.chromatic.com/

[github-actions]

🚀 storybook: https://669cc4025d9f500bb8c34778-ftacczqzhl.chromatic.com/

[github-actions]

🚀 storybook: https://669cc4025d9f500bb8c34778-wozfkozmpl.chromatic.com/