fix: Update undo/redo logic to align with CRDT changes

[kwaksj329]

📂 작업 내용

closes #192

• CRDT 로직 변경에 따라 undo/redo 로직 수정

💡 자세한 설명

1. RegisterState 구조 변경

• 기존에는 RegisterState가 배열 형태([peerId, timestamp, value])로 구현되어 있었습니다.
• undo/redo 시 스트로크의 활성 상태를 관리하기 위해 별도의 isDeactivated 플래그를 추가했습니다.

export type RegisterState<T> = {
  peerId: string;
  timestamp: number;
  value: T;
  isDeactivated?: boolean;
};

2. LWWMap의 상태 관리 변경

• 기존에는 스트로크를 undo할 때 value를 null로 설정하는 방식을 사용했으나, 이제는 isDeactivated 플래그를 통해 스트로크의 활성 상태를 명시적으로 관리합니다.
• 스트로크의 value는 그대로 유지하면서 isDeactivated 상태만 토글하여 undo/redo를 처리하도록 변경했습니다.

3. 캔버스 Redraw 변경

• getActiveStrokes 메서드를 추가하여 활성화된 스트로크만 필터링하여 반환하도록 구현했습니다.
• 캔버스 redraw 시 비활성화된 스트로크는 자동으로 제외됩니다.
• mergeRegister에서 스트로크의 활성 상태가 변경될 때만 sortedStrokes 배열을 업데이트하도록 했습니다.

📗 참고 자료 & 구현 결과 (선택)

2024-12-04.1.53.28.mov

📢 리뷰 요구 사항 (선택)

🚩 후속 작업 (선택)

✅ 셀프 체크리스트

• PR 제목을 형식에 맞게 작성했나요?
• 브랜치 전략에 맞는 브랜치에 PR을 올리고 있나요? (main이 아닙니다.)
• 이슈는 close 했나요?
• Reviewers, Labels를 등록했나요?
• 작업 도중 문서 수정이 필요한 경우 잘 수정했나요?
• 테스트는 잘 통과했나요?
• 불필요한 코드는 제거했나요?

[github-actions]

📚 Storybook preview deployed to: Visit Storybook Preview

[github-actions]

📚 Storybook preview deployed to: Visit Storybook Preview

[github-actions]

🧹 Storybook preview for PR #193 has been removed.