feat: add JoinLoyalty component

components/JsonToHtml/renderOptions.tsx

@@ -29,6 +29,10 @@ function extractPossibleAttributes(attrs: Attributes) {
     props.className = attrs["class-name"]
   } else if (attrs.classname) {
     props.className = attrs.classname
+  } else if (attrs?.style?.["text-align"]) {
+    props.style = {
+      textAlign: attrs?.style?.["text-align"],
+    }
   }
 
   return props
@@ -250,6 +254,11 @@ export const renderOptions: RenderOptions = {
         const image = embeds?.[node?.attrs?.["asset-uid"]]
         if (image.node.__typename === EmbedEnum.SysAsset) {
           const alt = image?.node?.title ?? node.attrs.alt
+          const alignment = node.attrs?.style?.["text-align"]
+            ? {
+                alignSelf: node.attrs?.style?.["text-align"],
+              }
+            : {}
           return (
             <Image
               key={node.uid}
@@ -258,6 +267,7 @@ export const renderOptions: RenderOptions = {
               height={image.node.dimension.height}
               src={image?.node?.url}
               width={image.node.dimension.width}
+              style={alignment}
             />
           )
         }