fix: Label overflow using text-truncate (#1448)

app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss

@@ -78,7 +78,6 @@
     justify-content: space-between;
 
     .page-title {
-      @include flex;
       margin-bottom: $zero;
       margin-left: $space-normal;
     }

app/javascript/dashboard/components/ChatList.vue

@@ -2,7 +2,7 @@
   <div class="conversations-sidebar  medium-4 columns">
     <slot></slot>
     <div class="chat-list__top">
-      <h1 class="page-title">
+      <h1 class="page-title text-truncate" :title="pageTitle">
         <woot-sidemenu-icon />
         {{ pageTitle }}
       </h1>