💄 [Design] 대시보드 카드 description 정렬 등

[yoopark]

Summary

Describe your changes

• 카드 너비가 좁을 때 '서클 별 평균 통과 기간' 카드 6서클 dataLabel이 안 쪽으로 나옴 #205

dataLabel xoffset을 줄이는 방식으로 해결

---

• description이 있는 카드와 없는 카드 간의 세로 정렬이 안 맞음 #206

DashboardContent에서 title은 있으나 description이 없는 경우에는 공백( )를 추가하여 정렬을 맞춤.
(selection 하면 공백이 드래그되는게 조금 불편하긴 한데, 1.8rem보다 직관적인 것 같아 그렇게 작성하였습니다.)

---

• 카드 너비가 좁을 때 Donut 형 차트 overflow #207

해결 방법은 못 찾았지만, #206을 해결하면서 DashboardContent 높이가 낮아지면서 문제가 어느정도 나아졌습니다.

---

• "최근 쓴 코멘트" 카드 제목 fontWeight이 다름 #213

DashboardContent에 type으로 'Default' | 'ApexCharts' | 'Scrollable'을 받게 하여 title, description 정보의 원천을 하나로 통일했습니다.

---

• 추가로, 예전에 legend hover, click 시 효과를 없앴었는데, 굳이 없앨 필요가 없어서 되살렸습니다.

Issue number and link

• close 카드 너비가 좁을 때 '서클 별 평균 통과 기간' 카드 6서클 dataLabel이 안 쪽으로 나옴 #205
• close description이 있는 카드와 없는 카드 간의 세로 정렬이 안 맞음 #206
• close 카드 너비가 좁을 때 Donut 형 차트 overflow #207
• close "최근 쓴 코멘트" 카드 제목 fontWeight이 다름 #213