[FE] 콜리네 서비스 제공 후 받은 피드백 반영하기 (#628)

[github-actions[bot]]

📓 스토리북 링크

바로가기

📌 관련 이슈

• closed : #628

✨ PR 세부 내용

콜리네 서비스 제공 후 피드백 받은 것들

• [x] 피드백 작성 모달 내에서 아쉬움과 만족만 표기 문구 수정
• [x] 코드리뷰완료 버튼 색 수정

자체 QA

• [x] 키워드를 입력하지 않았을 때 "지정된 키워드 없음" 나타내기 추가
  • 방 참여 모달
  • 리뷰어/리뷰이 피드백 모달
  • 피드백 모아보기의카드
• [x] 피드백 확인 모달과 피드백 모아보기 페이지에서 textarea로 보여주기
  • 리뷰어/리뷰이 피드백 모달
  • 피드백 모아보기의 카드
  • 이런 느낌
• [x] 방 생성과 수정 문구 다르게 렌더링
• [x] EllipsisText라는 공통 컴포넌트 만들어서 텍스트가 잘리는 문제 해결

  export const EllipsisText = `
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: normal;
  `;

• [x] 전체적으로 링크 스타일링 통일
• HoverStyledLink로 가이드 제외 나머지 컨텐츠는 검정색 글씨에서 호버했을 때 파란색글씨와 밑줄 추가
• HoverStyledLinkForGuide로 가이드 컨텐츠는 파란색 글씨에서 호버했을 때 밑줄 추가
• [x] 그 외 수많은 디자인 디테일 수정,,

오류 해결

• [x] MemoryRouter를 이용해 테스트 환경에 라우터 컨텍스트 제공
• [x] 보안 관련 경고를 해결하기 위해 target="_blank"를 사용하는 곳에 rel="noreferrer" 추가

[00kang]

✅ 피드백 반영 완료

❓질문: 코드리뷰 완료 라는 문구는 그대로 가나용?? 확정된 문구가 없어서 질문 드립니다! => 이 부분은 다른 의견이 나오지 않는 상태라서 일단 문구는 그대로 가는 게 맞는 것 같아요!

[00kang]

✅ Textarea 관련 피드백 반영 완료