Bug: Adds support multiline text input on article edit page (#5465)

* Bug: Scroll issue with article list page

* Adds support multiline text input on article edit page

app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleEditor.vue

@@ -1,8 +1,9 @@
 <template>
   <div class="edit-article--container">
-    <input
+    <resizable-text-area
       v-model="articleTitle"
       type="text"
+      rows="1"
       class="article-heading"
       :placeholder="$t('HELP_CENTER.EDIT_ARTICLE.TITLE_PLACEHOLDER')"
       @focus="onFocus"
@@ -23,11 +24,13 @@
 
 <script>
 import { debounce } from '@chatwoot/utils';
+import ResizableTextArea from 'shared/components/ResizableTextArea';
 import WootMessageEditor from 'dashboard/components/widgets/WootWriter/Editor.vue';
 
 export default {
   components: {
     WootMessageEditor,
+    ResizableTextArea,
   },
   props: {
     article: {
@@ -83,7 +86,8 @@ export default {
   font-size: var(--font-size-giga);
   font-weight: var(--font-weight-bold);
   min-height: var(--space-jumbo);
-  max-height: var(--space-jumbo);
+  max-height: 64rem;
+  height: auto;
   border: 0px solid transparent;
   padding: 0;
   color: var(--s-900);

app/javascript/dashboard/routes/dashboard/helpcenter/pages/articles/ListAllArticles.vue

@@ -149,6 +149,7 @@ export default {
 .container {
   padding: 0 var(--space-normal);
   width: 100%;
+  overflow: auto;
   .articles--loader {
     align-items: center;
     display: flex;

app/javascript/dashboard/routes/dashboard/helpcenter/pages/articles/NewArticle.vue

@@ -126,5 +126,6 @@ export default {
 }
 .is-sidebar-open {
   flex: 0.7;
+  flex-grow: 1;
 }
 </style>

app/views/public/api/v1/portals/_category-block.html.erb

@@ -15,7 +15,7 @@
     </div>
     <% else %>
       <% category.articles.published.take(5).each do |article| %>
-      <div class="flex justify-between content-center h-8 my-1">
+      <div class="flex justify-between content-center min:h-8 my-1">
         <a
           class="text-slate-800 hover:underline leading-8"
           href="/hc/<%= portal.slug %>/<%= category.locale %>/<%= category.slug %>/<%= article.id %>"