[FE] Canvas 작성 로직 수정

[hs-kim1990]

Canvas 그리기 -> 노트 전환 과정 로직 수정

진행 상황 정리:

• Pitch: 8개 음으로 수정하기
• Duration(1): 1개 마디 현재 4분음표 -> 8분음표
• Duration(2): 음표 병합 -> 동 pitch에서 획이 연결되는 경우, 연결되는 음표로 전환
• Bar: 전체 마디(가로 스크롤) 연장 가능하도록 진행
• Drawing logic: 커서 머무는 시간(mouse enter) 기준으로 음 인식으로 수정 (시간에 따른 음 세기 변경)
• Drawing logic(Optional): 기기(pad)에 따른 필압 인식

[Generoustandard]

Drawing 중간에 빈 구간이 발생 문제