feat(react/settings): port code block settings

apps/client/src/widgets/react/FormGroup.tsx

@@ -14,10 +14,12 @@ export default function FormGroup({ label, title, className, children, descripti
     return (
         <div className={`form-group ${className} ${disabled ? "disabled" : ""}`} title={title}
             style={{ "margin-bottom": "15px" }}>
-            <label style={{ width: "100%" }} ref={labelRef}>
+            { label
+            ? <label style={{ width: "100%" }} ref={labelRef}>
                 {label && <div style={{ "margin-bottom": "10px" }}>{label}</div> }
                 {children}
             </label>
+            : children}
 
             {description && <small className="form-text">{description}</small>}
         </div>

apps/client/src/widgets/react/FormSelect.tsx

@@ -2,7 +2,7 @@ import type { ComponentChildren } from "preact";
 
 type OnChangeListener = (newValue: string) => void;
 
-interface FormSelectGroup<T> {
+export interface FormSelectGroup<T> {
     title: string;
     items: T[];
 }

apps/client/src/widgets/react/RawHtml.tsx

@@ -24,7 +24,7 @@ function getProps({ className, html, style }: RawHtmlProps) {
     }
 }
 
-function getHtml(html: string | HTMLElement | JQuery<HTMLElement>) {
+export function getHtml(html: string | HTMLElement | JQuery<HTMLElement>) {
     if (typeof html === "object" && "length" in html) {
         html = html[0];
     }