노트 노드 UI 구현

[heegenie]

✏️ 한 줄 설명

이 PR의 주요 변경 사항이나 구현된 내용을 간략히 설명해 주세요.

기본적인 노드 컴포넌트를 구현한 후 노트 노드 UI를 추가하였습니다.

✅ 작업 내용

• 기본 노드 추가
• 헤드 노드 추가
• 노트 노드 추가

🏷️ 관련 이슈

• Content Node (Type: Note) UI를 구현한다. #30

📸 스크린샷/영상

이번 PR에서 변경되거나 추가된 뷰가 있는 경우 이미지나 동작 영상을 첨부해 주세요.

📌 리뷰 진행 시 참고 사항

리뷰 코멘트 작성 시 특정 사실에 대해 짚는 것이 아니라 코드에 대한 의견을 제안할 경우, 강도를 함께 제시해주세요! (1점: 가볍게 참고해봐도 좋을듯 ↔ 5점: 꼭 바꾸는 게 좋을 것 같음!)

[fru1tworld]

고생하셨습니다. draggable의 역할은 무엇인가요 ?

[heegenie]

고생하셨습니다. draggable의 역할은 무엇인가요 ?

노드가 drag가 가능한지 아닌지를 구분하는 boolean 타입의 prop입니다! true일 경우 드래그가 가능하고, false일 경우에는 고정됩니다.