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/assets/scss/_rtl.scss

@@ -80,8 +80,8 @@
   // Settings header
   .settings-header {
     .header--icon {
-      margin-left: 0;
-      margin-right: var(--space-small);
+      margin-left: var(--space-small);
+      margin-right: var(--space-smaller);
     }
   }
 
@@ -246,8 +246,14 @@
       }
     }
 
-    .search-header--wrap .search--input {
-      text-align: right;
+    .search-header--wrap {
+      .search--input {
+        text-align: right;
+      }
+
+      .layout-switch__container {
+        transform: rotate(180deg);
+      }
     }
 
     // Card label

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

@@ -67,6 +67,7 @@
 
 .conversations-list-wrap {
   @include flex;
+  border-right: 1px solid var(--s-50);
   flex-direction: column;
 
   .load-more-conversations {

app/javascript/dashboard/assets/scss/widgets/_sidemenu.scss

@@ -66,7 +66,7 @@
 
 .header--icon {
   display: block;
-  margin: 0 var(--space-normal);
+  margin: 0 var(--space-small) 0 var(--space-smaller);
 
   @media screen and (max-width: 1200px) {
     display: none;