web/components/ArticleContent/index.jsx

export default function ArticleContent({ htmlContent, type }) {
  return (
    <div
      className={` ${
        type == "pdp"
          ? "w-full px-5"
          : "xs:w-full lg:w-9/12 py-8 px-10 min-h-screen"
      } mx-auto   `}
    >
      <div className="prose  max-w-none rtl">
        <div dangerouslySetInnerHTML={{ __html: htmlContent }} />
      </div>
    </div>
  );
}