chore: Refactor chat list for RTL (#6524)

* chore: Refactor chat list for RTL

* chore: Modal

* fix: Show more button margin

* chore: Inbox name fix

app/javascript/dashboard/components/widgets/InboxName.vue

@@ -25,6 +25,7 @@ export default {
 </script>
 <style scoped>
 .inbox--name {
+  align-items: center;
   display: inline-flex;
   padding: var(--space-micro) 0;
   line-height: var(--space-slab);
@@ -32,6 +33,7 @@ export default {
   background: none;
   color: var(--s-500);
   font-size: var(--font-size-mini);
+  margin: 0 var(--space-one);
 }
 
 .inbox--icon {

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

@@ -419,7 +419,6 @@ export default {
 .conversation--metadata {
   display: flex;
   justify-content: space-between;
-  padding-right: var(--space-normal);
 
   .label {
     background: none;

app/javascript/dashboard/components/widgets/conversation/conversationCardComponents/CardLabels.vue

@@ -97,7 +97,7 @@ export default {
 }
 
 .label-container {
-  margin-top: var(--space-micro);
+  margin: var(--space-micro) var(--space-one) 0;
 }
 
 .labels-wrap {