feat: support markdown on user message (#3848)

* feat: enable render markdown for user message

* wip: slate

* style: update style rich text editor

* chore: finalize richText editor

* chore: fix model dropdown selector

* chore: fix change format file syntax highlight

* chore: fix missing element during the test

* fix: adjust onPrompChange include on fake textarea

web/containers/ModelDropdown/index.tsx

@@ -306,7 +306,7 @@ const ModelDropdown = ({
       className={twMerge('relative', disabled && 'pointer-events-none')}
       data-testid="model-selector"
     >
-      <div ref={setToggle}>
+      <div className="flex [&>div]:w-full" ref={setToggle}>
         {chatInputMode ? (
           <Badge
             data-testid="model-selector-badge"

web/package.json

@@ -50,7 +50,10 @@
     "ulidx": "^2.3.0",
     "use-debounce": "^10.0.0",
     "uuid": "^9.0.1",
-    "zod": "^3.22.4"
+    "zod": "^3.22.4",
+    "slate": "latest",
+    "slate-react": "latest",
+    "slate-history": "latest"
   },
   "devDependencies": {
     "@next/eslint-plugin-next": "^14.0.1",