fix: Fixes overlaps for name in conversation header (#1978)

* Fix width of text

* Review fixes

* Use mixins

* user name textoverflow

* Review fixes: Remove changes in text-truncate class

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Co-authored-by: Nithin David Thomas <webofnithin@gmail.com>

app/javascript/dashboard/components/widgets/conversation/ConversationBox.vue

@@ -80,6 +80,7 @@ export default {
 .conversation-details-wrap {
   display: flex;
   flex-direction: column;
+  min-width: 0;
   width: 100%;
   border-left: 1px solid var(--color-border);
   background: var(--color-background-light);