💄 design: 마이 페이지 desktop UI 변경

[ccconac]

✅ 체크리스트

• [x] 마이 페이지 desktop UI 변경
• [x] 해시태그 목록 복구

📝 작업 상세 내용

1️⃣ 마이 페이지 desktop UI 변경

마이 페이지 desktop UI가 figma를 기반으로 변경되었습니다. 기능은 추가적으로 눈에 띄게 변경된 것은 없기 때문에 UI만 확인해 주시면 됩니다. 👏 몇 가지 변경된 부분은 아래 남겨 두었습니다.

1. 마이 페이지의 일기 미리보기 카드에서도 바로 수정 및 삭제가 가능하게 변경되었습니다. 1-1. 이때, 해당 컴포넌트는 채연 님이 구현해 주신 컴포넌트를 재사용했습니다. 😲

2. 마이 페이지 일기 미리보기 카드에서도 사용자가 작성한 게시글의 이미지 한 장이 나타납니다. 2-1. 이때, 미리보기에 나타나는 이미지는 사용자가 최초로 첨부한 사진입니다. (diary.image[0].imageURL)

3. 브랜치 구조를 수정하며 삭제되었던 해시태그 목록을 다시 복구했습니다. 기능은 기존과 동일합니다. 👏

4. 페이지네이션 버튼이 추가되었습니다. 기존에는 하단에 페이지 수만 나타났지만, 이제는 첫 번째 페이지와 마지막 페이지, 그리고 이전 페이지와 다음 페이지를 버튼을 클릭해 이동할 수 있습니다.

🚨 버그 발생 이유 (선택 사항)

잔디 위에서 마우스 오버 이벤트가 발생할 시, 말풍선이 깜빡이는 현상이 발생하고 있습니다. 날짜 데이터가 한 번에 로드되면서 깜빡이는 것으로 추정됩니다. 👀 기능상 문제는 없지만, 366개의 데이터가 한 번에 받아와지면서 렌더링이 반복되는 현상은 페이지 성능에 심각한 영향을 미칠 수 있어 추정한 원인 토대로 빠르게 버그 수정해 보겠습니다! 🙇🏻‍♀️

🔎 후속 작업 (선택 사항)

정렬 버튼 UI 플로우가 정확히 어떻게 진행되는 건지 찾지 못해 결국 이 부분은 보류해 뒀습니다.... 동영 님께 정확하게 플로우 여쭤보고 다시 진행하도록 하겠습니다! 🫡 기능적인 문제는 없습니다!

🤔 질문 사항 (선택 사항)

📚 참고 자료 (선택 사항)

📸 스크린샷 (선택 사항)

✅ 셀프 체크리스트

• [x] 브랜치 확인하기
• [x] 불필요한 코드가 들어가지 않았는지 재확인하기
• [x] issue 닫기
• [x] reiewers, assignees, Lables 등록 확인하기

이슈 번호: #192