fix set html

deksrispi:
- fix di bagian tampilan forum diisi bg

src/app_modules/_global/component/new/comp_V3_set_html_with_stiker.tsx

@@ -1,21 +1,53 @@
-export function Comp_V3_SetHtmlWithSticker({
+import { MainColor } from "../../color";
+
+export function Comp_V3_SetInnerHTML({
   props,
   className,
   color,
   style,
 }: {
-  props: string;
+  props: string | undefined;
   className?: string;
   color?: string;
   style?: React.CSSProperties;
 }) {
+  const baseStyle: React.CSSProperties = {
+    color: color ?? MainColor.white,
+  };
+
   return (
     <>
       <div
-        className={className}
-        style={{ ...style, color: color ? color : "white" }}
-        dangerouslySetInnerHTML={{ __html: props }}
+        // className={className}
+        style={{ ...baseStyle, ...style }}
+        dangerouslySetInnerHTML={{ __html: props ?? "" }}
       />
+
+      <style>
+        {`
+      div p {
+        margin: 0 0 8px 0;
+      }
+
+      div ul, div ol {
+        margin: 0 0 8px 20px;
+        padding-left: 16px;
+      }
+
+      div h1, div h2, div h3 {
+        margin: 0 0 12px 0;
+      }
+
+      div li {
+        margin-bottom: 4px;
+      }
+
+      img {
+        max-width: 70px !important;
+        max-height: 70px !important;
+      }
+    `}
+      </style>
     </>
   );
 }

src/app_modules/_global/component/new/comp_set_inner_html.tsx

@@ -11,8 +11,8 @@ export const Comp_DangerouslySetInnerHTML = ({
 }) => {
   const baseStyle: React.CSSProperties = {
     color: color ?? MainColor.white,
-    wordBreak: "break-word",
-    overflow: "hidden",
+    // wordBreak: "break-word",
+    // overflow: "hidden",
   };
  
   return (
@@ -22,7 +22,6 @@ export const Comp_DangerouslySetInnerHTML = ({
           ...baseStyle,
           ...styleInput,
         }}
-        className="rich-html-content"
         dangerouslySetInnerHTML={{
           __html: props ?? "",
         }}