Support New Pill on Settings list item (#6376)

Task/Issue URL:
https://app.asana.com/1/137249556945/project/1202857801505092/task/1210770245826488?focus=true

### Description
Add support for New pill on SettingsListItem


### Steps to test this PR

_Feature 1_
- [x] install this branch
- [x] open settings
- [x] items are listed correctly
- [x] Go to ADS internal settings
- [x] List items section
- [x] Scroll to the bottom
- [x] See an example of components using Beta and New Pill

### UI changes
| Before  | After |
| ------ | ----- |
!(Upload before screenshot)|(Upload after screenshot)|

Author: cmonfortep

common/common-ui/src/main/java/com/duckduckgo/common/ui/view/listitem/SettingsListItem.kt

@@ -22,7 +22,6 @@ import android.widget.ImageView
 import androidx.annotation.DrawableRes
 import androidx.constraintlayout.widget.ConstraintLayout
 import androidx.core.content.ContextCompat
-import androidx.core.view.isVisible
 import com.duckduckgo.common.ui.view.StatusIndicatorView
 import com.duckduckgo.common.ui.view.StatusIndicatorView.Status
 import com.duckduckgo.common.ui.view.defaultSelectableItemBackground
@@ -68,7 +67,17 @@ class SettingsListItem @JvmOverloads constructor(
                 leadingIcon.gone()
             }
 
-            betaPill.isVisible = getBoolean(R.styleable.SettingsListItem_showBetaPill, false)
+            val pillIcon = getInt(R.styleable.SettingsListItem_pillIcon, 0)
+            if (pillIcon != 0) {
+                getPillResource(pillIcon)?.let { resId ->
+                    betaPill.setImageResource(resId)
+                    betaPill.show()
+                } ?: run {
+                    betaPill.gone()
+                }
+            } else {
+                betaPill.gone()
+            }
 
             val indicatorStatus = Status.from(getInt(R.styleable.SettingsListItem_indicatorStatus, 2))
             statusIndicator.setStatus(indicatorStatus)
@@ -77,6 +86,14 @@ class SettingsListItem @JvmOverloads constructor(
         }
     }
 
+    private fun getPillResource(enumValue: Int): Int? {
+        return when (enumValue) {
+            1 -> R.drawable.ic_beta_pill
+            2 -> R.drawable.ic_new_pill
+            else -> null
+        }
+    }
+
     /** Sets the item click listener */
     fun setClickListener(onClick: (() -> Unit)?) {
         with(binding) {

app/src/main/res/drawable/ic_new_pill.xml renamed to common/common-ui/src/main/res/drawable/ic_new_pill.xml

@@ -64,7 +64,7 @@
         app:indicatorStatus="on"
         app:leadingIcon="@drawable/ic_dax_icon"
         app:primaryText="Settings List Item with Beta Pill"
-        app:showBetaPill="true" />
+        app:pillIcon="betaPill" />
 
     <com.duckduckgo.common.ui.view.listitem.SettingsListItem
         android:id="@+id/settingsListItemWithBetaTagAndLongText"
@@ -73,6 +73,15 @@
         app:indicatorStatus="on"
         app:leadingIcon="@drawable/ic_dax_icon"
         app:primaryText="Settings List Item with Beta Pill and a very long piece of text that should hopefully wrap"
-        app:showBetaPill="true" />
+        app:pillIcon="betaPill" />
+
+    <com.duckduckgo.common.ui.view.listitem.SettingsListItem
+        android:id="@+id/settingsListItemWithNewTag"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        app:indicatorStatus="on"
+        app:leadingIcon="@drawable/ic_dax_icon"
+        app:primaryText="Settings List Item with New Pill"
+        app:pillIcon="newPill" />
 
 </LinearLayout>

common/common-ui/src/main/res/layout/component_settings.xml

@@ -35,6 +35,13 @@
     <attr name="trailingIcon" format="integer"/>
     <attr name="trailingIconTint" format="reference|color"/>
     <attr name="showBetaPill" format="boolean"/>
+    <attr name="pillIcon">
+        <enum name="none" value="0" />
+        <!-- Beta Pill -->
+        <enum name="betaPill" value="1" />
+        <!-- New Pill -->
+        <enum name="newPill" value="2" />
+    </attr>
     <attr name="showSwitch" format="boolean"/>
     <attr name="switchEnabled" format="boolean"/>
     <attr name="leadingIconBackground">

common/common-ui/src/main/res/values/attrs-lists.xml

@@ -18,7 +18,7 @@
     <declare-styleable name="SettingsListItem">
         <attr name="leadingIcon" />
         <attr name="primaryText" />
-        <attr name="showBetaPill" />
+        <attr name="pillIcon" />
         <attr name="indicatorStatus" />
     </declare-styleable>
 </resources>