chore: Refactor conversation info panel for RTL (#6526)

* chore: Refactor conversation info panel for RTL

* chore: Adds comments

* chore: Settings header icon fix

* chore: Toggle layout switch

* chore: Border fix in chat list

app/javascript/dashboard/modules/contact/components/ContactDropdownItem.vue

@@ -70,6 +70,7 @@ export default {
   flex-direction: column;
   flex-grow: 1;
   margin-left: var(--space-small);
+  margin-right: var(--space-small);
 }
 .option__body,
 .option__title {
@@ -93,10 +94,6 @@ export default {
   color: var(--s-700);
 }
 
-.email-icon-wrap {
-  margin-right: var(--space-normal);
-}
-
 .option__user-data .option__body {
   > .phone-icon-wrap,
   > .email-icon-wrap {