feat: Creates view for edit/new article page (#5061)

* feat: Creates view for edit/new article page

* chore: Minor fixes

* chore: Minor fixes

* Update HelpCenterLayout.vue

* chore: Minor fixes

* chore: Review fixes

Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
Co-authored-by: Pranav Raj S <pranav@chatwoot.com>

app/javascript/dashboard/components/helpCenter/EditArticle.vue

@@ -7,15 +7,16 @@
       :placeholder="$t('HELP_CENTER.EDIT_ARTICLE.TITLE_PLACEHOLDER')"
       @focus="onFocus"
       @blur="onBlur"
+      @input="onTitleInput"
     />
     <woot-message-editor
       v-model="articleContent"
       class="article-content"
       :placeholder="$t('HELP_CENTER.EDIT_ARTICLE.CONTENT_PLACEHOLDER')"
       :is-format-mode="true"
-      :min-height="24"
       @focus="onFocus"
       @blur="onBlur"
+      @input="onContentInput"
     />
   </div>
 </template>
@@ -49,6 +50,12 @@ export default {
     onBlur() {
       this.$emit('blur');
     },
+    onTitleInput() {
+      this.$emit('titleInput', this.articleTitle);
+    },
+    onContentInput() {
+      this.$emit('contentInput', this.articleContent);
+    },
   },
 };
 </script>