feat(react): basic integration for basic widget & modal

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

@@ -0,0 +1,11 @@
+export default function Modal({ children }) {
+    return (
+        <div className="modal fade mx-auto" tabIndex={-1} role="dialog">
+            <div className="modal-dialog" role="document">
+                <div className="modal-content">
+                    {children}
+                </div>
+            </div>
+        </div>
+    );
+}

apps/client/src/widgets/react/ReactBasicWidget.ts

@@ -0,0 +1,14 @@
+import { JSX, render } from "preact";
+import BasicWidget from "../basic_widget.js";
+
+export default abstract class ReactBasicWidget extends BasicWidget {
+
+    abstract get component(): JSX.Element;
+
+    doRender() {
+        const renderContainer = new DocumentFragment();
+        render(this.component, renderContainer);
+        this.$widget = $(renderContainer.firstChild as HTMLElement);
+    }
+
+}