Use material components for list items.

We use material colors and components to fix the white background issue on the list. It also helps us get ready to support dark mode

(cherry picked from commit 4e8967e)

lib/src/main/res/layout/item_country_picker.xml

@@ -7,16 +7,15 @@
     android:paddingVertical="12dp"
     android:paddingHorizontal="18dp"
     android:clickable="true"
-    android:focusable="true"
-    android:background="?android:attr/selectableItemBackground">
+    android:focusable="true">
 
-    <ImageView
+    <androidx.appcompat.widget.AppCompatImageView
         android:id="@+id/imageViewFlag"
         tools:src="@drawable/country_flag_tr"
         android:layout_width="22dp"
         android:layout_height="22dp" />
 
-    <TextView
+    <com.google.android.material.textview.MaterialTextView
         android:id="@+id/textViewName"
         android:layout_width="0dp"
         tools:text="Turkey (Türkiye)"
@@ -27,15 +26,13 @@
         android:singleLine="true"
         android:maxLines="1"
         android:ellipsize="end"
-        android:textSize="16sp"
-        android:textColor="#232425" />
+        android:textSize="16sp"/>
 
-    <TextView
+    <com.google.android.material.textview.MaterialTextView
         android:id="@+id/textViewCode"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:textSize="16sp"
-        tools:text="90"
-        android:textColor="#838383" />
+        tools:text="90" />
 
 </LinearLayout>