Add new label to AI Features / Search & Duck.ai (#6881)

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

### Description

- Adds the new label next to “AI Features” and “Search & Duck.ai"

### Steps to test this PR

- [ ] Go to settings
- [ ] Verify that the “new” label is visible next to “AI Features"
- [ ] Tap on “AI Features"
- [ ] Verify that the “new” label is visible next to the”Search &
Duck.ai"

### UI changes

| Before  | After |
| ------ | ----- |
<img width="1080" height="2340" alt="Screenshot_20251003_092310"
src="https://github.com/user-attachments/assets/c75b404a-bec9-4db9-819b-23ec2e0b64bb"
/>|<img width="1080" height="2340" alt="Screenshot_20251003_104723"
src="https://github.com/user-attachments/assets/c0125178-b24e-4383-a768-14503df73dfe"
/>

| Before  | After |
| ------ | ----- |
<img width="1080" height="2340" alt="Screenshot_20251003_090747"
src="https://github.com/user-attachments/assets/db58d887-4e90-4c8a-a0da-78a668bff59b"
/>|<img width="1080" height="2340" alt="Screenshot_20251003_091610"
src="https://github.com/user-attachments/assets/1719eee3-1a35-4016-a62f-3f6240672a28"
/>

Author: joshliebe

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

@@ -21,4 +21,5 @@
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     app:primaryText="@string/duck_chat_title"
-    app:leadingIcon="@drawable/ic_ai_chat_color_24"/>
+    app:leadingIcon="@drawable/ic_ai_chat_color_24"
+    app:showNewPill="true" />

design-system/src/main/java/com/duckduckgo/common/ui/view/listitem/BookmarksListItem.kt

@@ -53,6 +53,8 @@ class BookmarksListItem @JvmOverloads constructor(
         get() = binding.trailingSwitch
     override val betaPill: ImageView?
         get() = null
+    override val newPill: ImageView?
+        get() = null
 
     override val itemContainer: View
         get() = binding.itemContainer

design-system/src/main/java/com/duckduckgo/common/ui/view/listitem/DaxListItem.kt

@@ -53,6 +53,7 @@ abstract class DaxListItem(
     internal abstract val trailingIconContainer: View
     internal abstract val trailingSwitch: DaxSwitch
     internal abstract val betaPill: ImageView?
+    internal abstract val newPill: ImageView?
     internal abstract val itemContainer: View
     internal abstract val verticalPadding: Int
 

design-system/src/main/java/com/duckduckgo/common/ui/view/listitem/OneLineListItem.kt

@@ -22,7 +22,9 @@ import android.view.View
 import android.widget.ImageView
 import com.duckduckgo.common.ui.view.DaxSwitch
 import com.duckduckgo.common.ui.view.getColorFromAttr
+import com.duckduckgo.common.ui.view.gone
 import com.duckduckgo.common.ui.view.listitem.DaxListItem.IconSize.Medium
+import com.duckduckgo.common.ui.view.show
 import com.duckduckgo.common.ui.view.text.DaxTextView
 import com.duckduckgo.common.ui.viewbinding.viewBinding
 import com.duckduckgo.mobile.android.R
@@ -54,6 +56,9 @@ class OneLineListItem @JvmOverloads constructor(
     override val betaPill: ImageView?
         get() = null
 
+    override val newPill: ImageView
+        get() = binding.newPill
+
     override val itemContainer: View
         get() = binding.itemContainer
 
@@ -122,6 +127,13 @@ class OneLineListItem @JvmOverloads constructor(
             val switchEnabled = getBoolean(R.styleable.OneLineListItem_switchEnabled, true)
             setSwitchEnabled(switchEnabled)
 
+            if (getBoolean(R.styleable.OneLineListItem_showNewPill, false)) {
+                newPill.setImageResource(R.drawable.ic_new_pill)
+                newPill.show()
+            } else {
+                newPill.gone()
+            }
+
             recycle()
         }
     }

design-system/src/main/java/com/duckduckgo/common/ui/view/listitem/TwoLineListItem.kt

@@ -54,6 +54,8 @@ class TwoLineListItem @JvmOverloads constructor(
         get() = binding.trailingSwitch
     override val betaPill: ImageView
         get() = binding.betaPill
+    override val newPill: ImageView?
+        get() = null
 
     override val itemContainer: View
         get() = binding.itemContainer

design-system/src/main/res/layout/view_one_line_list_item.xml

@@ -41,20 +41,37 @@
 
     </FrameLayout>
 
-    <com.duckduckgo.common.ui.view.text.DaxTextView
-        android:id="@+id/primaryText"
+    <LinearLayout
         android:layout_width="0dp"
         android:layout_height="wrap_content"
         android:layout_marginStart="@dimen/keyline_4"
         android:layout_marginEnd="@dimen/keyline_1"
-        android:textColor="@color/primary_text_color_selector"
+        android:gravity="center_vertical"
+        android:orientation="horizontal"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toStartOf="@+id/trailingBarrier"
         app:layout_constraintStart_toEndOf="@id/leadingIconBackground"
-        app:layout_constraintTop_toTopOf="parent"
-        app:typography="body1"
-        tools:ignore="InvalidColorAttribute"
-        tools:text="Title" />
+        app:layout_constraintTop_toTopOf="parent">
+
+        <com.duckduckgo.common.ui.view.text.DaxTextView
+            android:id="@+id/primaryText"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:textColor="@color/primary_text_color_selector"
+            app:typography="body1"
+            tools:ignore="InvalidColorAttribute"
+            tools:text="Title" />
+
+        <ImageView
+            android:id="@+id/newPill"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="@dimen/keyline_2"
+            android:src="@drawable/ic_new_pill"
+            android:visibility="gone"
+            tools:visibility="visible" />
+
+    </LinearLayout>
 
     <androidx.constraintlayout.widget.Barrier
         android:id="@+id/trailingBarrier"

design-system/src/main/res/values/attrs-lists.xml

@@ -42,6 +42,7 @@
         <!-- New Pill -->
         <enum name="newPill" value="2" />
     </attr>
+    <attr name="showNewPill" format="boolean"/>
     <attr name="showSwitch" format="boolean"/>
     <attr name="switchEnabled" format="boolean"/>
     <attr name="leadingIconBackground">
@@ -89,6 +90,7 @@
         <attr name="trailingIconTint"/>
         <attr name="showSwitch"/>
         <attr name="switchEnabled"/>
+        <attr name="showNewPill"/>
     </declare-styleable>
 
     <!--Two Line Item view-->

duckchat/duckchat-impl/src/main/res/layout/activity_duck_chat_settings.xml

@@ -157,14 +157,28 @@
                         android:scaleType="fitCenter"
                         android:src="@drawable/searchbox_withai_inactive" />
 
-                    <com.duckduckgo.common.ui.view.text.DaxTextView
+                    <LinearLayout
                         android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
                         android:layout_marginTop="6dp"
                         android:gravity="center"
-                        android:text="@string/input_screen_user_pref_with_ai"
-                        app:textType="primary"
-                        app:typography="caption" />
+                        android:orientation="horizontal">
+
+                        <com.duckduckgo.common.ui.view.text.DaxTextView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:gravity="center"
+                            android:text="@string/input_screen_user_pref_with_ai"
+                            app:textType="primary"
+                            app:typography="caption" />
+
+                        <ImageView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginStart="6dp"
+                            android:src="@drawable/ic_new_pill" />
+
+                    </LinearLayout>
 
                     <ImageView
                         android:id="@+id/duckAiInputScreenToggleWithAiCheck"