For #19213: Adjust synced tabs to properly show in RTL.

app/src/main/java/org/mozilla/fenix/sync/SyncedTabsViewHolder.kt

@@ -87,7 +87,7 @@ sealed class SyncedTabsViewHolder(itemView: View) : RecyclerView.ViewHolder(item
             }
 
             itemView.synced_tabs_group_name.text = device.device.displayName
-            itemView.synced_tabs_group_name.setCompoundDrawablesWithIntrinsicBounds(
+            itemView.synced_tabs_group_name.setCompoundDrawablesRelativeWithIntrinsicBounds(
                 deviceLogoDrawable,
                 0,
                 0,

app/src/main/res/layout/view_synced_tabs_group.xml

@@ -22,6 +22,7 @@
         android:textAppearance="@style/Header14TextStyle"
         android:textColor="@color/primary_text_normal_theme"
         android:textSize="12sp"
+        android:textDirection="locale"
         app:drawableStartCompat="@drawable/mozac_ic_device_desktop"
         app:drawableTint="@color/primary_text_normal_theme"
         app:layout_constraintEnd_toEndOf="parent"

app/src/test/java/org/mozilla/fenix/sync/SyncedTabsViewHolderTest.kt

@@ -101,7 +101,7 @@ class SyncedTabsViewHolderTest {
 
         verify { deviceViewGroupName.text = "Charcoal" }
         verify {
-            deviceViewGroupName.setCompoundDrawablesWithIntrinsicBounds(
+            deviceViewGroupName.setCompoundDrawablesRelativeWithIntrinsicBounds(
                 R.drawable.mozac_ic_device_desktop, 0, 0, 0
             )
         }
@@ -117,7 +117,7 @@ class SyncedTabsViewHolderTest {
 
         verify { deviceViewGroupName.text = "Emerald" }
         verify {
-            deviceViewGroupName.setCompoundDrawablesWithIntrinsicBounds(
+            deviceViewGroupName.setCompoundDrawablesRelativeWithIntrinsicBounds(
                 R.drawable.mozac_ic_device_mobile, 0, 0, 0
             )
         }