fix(frontend): clear message input on submit (#2087)

# Description

Please include a summary of the changes and the related issue. Please
also include relevant motivation and context.

## Checklist before requesting a review

Please delete options that are not relevant.

- [ ] My code follows the style guidelines of this project
- [ ] I have performed a self-review of my code
- [ ] I have commented hard-to-understand areas
- [ ] I have ideally added tests that prove my fix is effective or that
my feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged

## Screenshots (if appropriate):

frontend/app/chat/[chatId]/components/ActionsBar/components/ChatInput/components/ChatEditor/components/Editor/Editor.tsx

@@ -1,4 +1,5 @@
 import { EditorContent } from "@tiptap/react";
+import { useEffect } from "react";
 import "./styles.css";
 
 import { useChatStateUpdater } from "./hooks/useChatStateUpdater";
@@ -16,9 +17,16 @@ export const Editor = ({
   setMessage,
   onSubmit,
   placeholder,
+  message,
 }: EditorProps): JSX.Element => {
   const { editor } = useCreateEditorState(placeholder);
 
+  useEffect(() => {
+    if (message === "") {
+      editor?.commands.clearContent();
+    }
+  }, [message, editor]);
+
   useChatStateUpdater({
     editor,
     setMessage,