[Feat/#360] 입력 시 프로필 띄우기

[pkm021118]

#️⃣연관된 이슈

#360

📝작업 내용

노션처럼 협업자가 입력 중인 줄에 프로필 아바타를 표시하는 기능을 추가했습니다.

• 입력 중 프로필 표시 (TypingProfilePresence)
  • Yjs awareness에 typing 필드(field/head/updatedAt) 추가 → 협업자가 입력 중인 위치를 공유
  • 노트 본문·제목 에디터에 적용, 본인은 제외, 마지막 입력 후 30초 지나면 자동으로 사라짐
  • 프로필 이미지가 있으면 사진, 없으면 중립 회색 배경 + 이니셜로 표시
  • 아바타가 상위 overflow 영역에 잘리던 문제 해결(좌측 위치 클램프) + 본문 좌측 패딩을 추가해 아바타가 글자를 가리지 않도록 간격 확보
• 기본 아바타 색상 테두리 제거 (UserAvatarGroup)
  • 프로필 이미지가 없는 사용자에게만 들어가던 사용자 색상 outline 링 제거 → 이미지 유무와 무관하게 크기/스타일 통일
• 노트 저장 낙관적 업데이트 (useUpdateNodeNoteMutation)
  • onMutate에서 캐시 선반영, 실패 시 onError로 롤백
• 챗봇 닫기 버튼 추가 (ChatHeader)
  • 챗 헤더 우측에 닫기(X) 버튼 추가