👩‍💻 Vanilla JS를 활용한 노션 클로닝

• 사이드바에 document 구조를 트리 형태로 볼 수 있도록 여백을 주어 구현했습니다.
• document를 사이드바에서 클릭하면 해당 도큐먼트 편집화면으로 넘어갑니다.
• 사이드바 각 아이템에 마우스를 hover하면 하위 도큐먼트 추가 버튼과 도큐먼트 삭제 버튼이 노출됩니다.
• 하위 도큐먼트 추가 버튼을 클릭하면 하위 도큐먼트가 생성되어 트리에 삽입되고, 생성된 도큐먼트 편집화면으로 넘어갑니다.
• 도큐먼트 삭제 버튼을 클릭하면 낙관적 업데이트를 통해 사이드바가 업데이트됩니다.