Enable RTL layout for Media app.

- Make sure RTL layout is enabled in Manifest.
- Fix the list item layout for rtl.

Bug: 151180752
Bug: 150884287
Bug: 150957534
Test: Manual

Change-Id: I6bbb2977897d1720812c78c414ee4bd2fd7bb295
diff --git a/AndroidManifest.xml b/AndroidManifest.xml
index 14ef2c7..bdf7a65 100644
--- a/AndroidManifest.xml
+++ b/AndroidManifest.xml
@@ -28,7 +28,8 @@
     <application
         android:label="Media Center"
         android:theme="@style/Theme.Media"
-        android:icon="@drawable/ic_music">
+        android:icon="@drawable/ic_music"
+        android:supportsRtl="true">
 
         <meta-data
             android:name="android.car.application"
diff --git a/res/layout/media_browse_list_item.xml b/res/layout/media_browse_list_item.xml
index 5c58887..bd71f8f 100644
--- a/res/layout/media_browse_list_item.xml
+++ b/res/layout/media_browse_list_item.xml
@@ -20,7 +20,7 @@
     android:id="@+id/container"
     android:layout_width="match_parent"
     android:layout_height="@dimen/media_browse_list_item_height"
-    android:paddingLeft="@dimen/media_browse_list_item_icon_margin_start"
+    android:paddingStart="@dimen/media_browse_list_item_icon_margin_start"
     android:focusable="true"
     android:foreground="?android:attr/selectableItemBackground">
     <com.android.car.media.common.FixedRatioImageView
@@ -28,6 +28,7 @@
         android:layout_width="0dp"
         android:layout_height="match_parent"
         android:scaleType="centerCrop"
+        app:layout_constraintStart_toStartOf="parent"
         android:layout_marginBottom="@dimen/media_browse_list_item_thumbnail_margin_bottom"
         app:aspect_ratio="1"/>
 
diff --git a/res/values/styles.xml b/res/values/styles.xml
index 9e3ee5d..2e1215c 100644
--- a/res/values/styles.xml
+++ b/res/values/styles.xml
@@ -43,9 +43,12 @@
     <style name="BrowseSubheaderStyle" parent="TextAppearance.Body3">
         <item name="android:fontFamily">sans-serif-medium</item>
     </style>
-    <style name="BrowseListTitleStyle" parent="TextAppearance.Body1"/>
+    <style name="BrowseListTitleStyle" parent="TextAppearance.Body1">
+        <item name="android:textDirection">locale</item>
+    </style>
     <style name="BrowseListSubtitleStyle" parent="TextAppearance.Body3">
         <item name="android:textColor">@color/secondary_text_color</item>
+        <item name="android:textDirection">locale</item>
     </style>
     <style name="BrowseGridTitleStyle" parent="TextAppearance.Body2"/>
     <style name="BrowseGridSubtitleStyle" parent="TextAppearance.Body3">