feat(json-crdt-peritext-ui): 🎸 add heading renderers

Author: streamich

src/json-crdt-peritext-ui/plugins/blocks/RenderBlock/index.tsx

@@ -21,6 +21,30 @@ export const RenderBlock: React.FC<RenderBlockProps> = (props) => {
     case CommonSliceType.blockquote: {
       return <Blockquote {...props} />;
     }
+    case CommonSliceType.h1: {
+      return <h1>{children}</h1>
+    }
+    case CommonSliceType.h2: {
+      return <h2>{children}</h2>
+    }
+    case CommonSliceType.h3: {
+      return <h3>{children}</h3>
+    }
+    case CommonSliceType.h4: {
+      return <h4>{children}</h4>
+    }
+    case CommonSliceType.h5: {
+      return <h5>{children}</h5>
+    }
+    case CommonSliceType.h6: {
+      return <h6>{children}</h6>
+    }
+    case CommonSliceType.title: {
+      return <h1>{children}</h1>
+    }
+    case CommonSliceType.subtitle: {
+      return <h2>{children}</h2>
+    }
     default: {
       return <p style={{padding: '16px 0'}}>{children}</p>;
     }