fix(blog): resolve IconList string collision rendering 'Check' text

apps/web/src/components/PayloadRichText.tsx

@@ -179,12 +179,22 @@ const jsxConverters: JSXConverters = {
     ),
     iconList: ({ node }: any) => (
       <mdxComponents.IconList>
-        {node.fields.items?.map((item: any, i: number) => (
+        {node.fields.items?.map((item: any, i: number) => {
-          // @ts-ignore
+          const isCheck = item.icon === "check" || !item.icon;
-          <mdxComponents.IconListItem key={i} icon={item.icon || "check"}>
+          const isCross = item.icon === "x" || item.icon === "cross";
-            {item.title || item.description}
+          const isBullet = item.icon === "circle" || item.icon === "bullet";
-          </mdxComponents.IconListItem>
+          return (
-        ))}
+            // @ts-ignore
+            <mdxComponents.IconListItem
+              key={i}
+              check={isCheck}
+              cross={isCross}
+              bullet={isBullet}
+            >
+              {item.title || item.description}
+            </mdxComponents.IconListItem>
+          );
+        })}
       </mdxComponents.IconList>
     ),
     statsGrid: ({ node }: any) => {