Add abcjs (#537)

src/components/markdown-renderer/replace-components/abc/abc-frame.tsx

@@ -0,0 +1,19 @@
+import React, { useEffect, useRef } from 'react'
+import { renderAbc } from 'abcjs'
+
+export interface AbcFrameProps {
+  code: string
+}
+export const AbcFrame: React.FC<AbcFrameProps> = ({ code }) => {
+  const container = useRef<HTMLDivElement>(null)
+
+  useEffect(() => {
+    if (container.current) {
+      renderAbc(container.current, code)
+    }
+  }, [code])
+
+  return (
+    <div ref={container}/>
+  )
+}