Add pictogram ripple effect to AI settings (#7077)

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

### Description

This PR adds a ripple effect to the AI settings pictograms.

### Steps to test this PR

- [x] Go to Settings -> AI Features
- [x] Tap on the pictograms to select the AI mode
- [x] Notice the ripple effect is applied, matching the pictogram bounds

### UI changes


[Screen_recording_20251107_100953.webm](https://github.com/user-attachments/assets/0816015b-6c55-4fd8-ab74-99e8cc40c802)

---------

Co-authored-by: Josh Leibstein <joshliebe@gmail.com>

Author: 0nko

android-design-system/design-system/src/main/res/drawable/background_large_rounded_transparent.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+   ~ Copyright (c) 2025 DuckDuckGo
+   ~
+   ~ Licensed under the Apache License, Version 2.0 (the "License");
+   ~ you may not use this file except in compliance with the License.
+   ~ You may obtain a copy of the License at
+   ~
+   ~     http://www.apache.org/licenses/LICENSE-2.0
+   ~
+   ~ Unless required by applicable law or agreed to in writing, software
+   ~ distributed under the License is distributed on an "AS IS" BASIS,
+   ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   ~ See the License for the specific language governing permissions and
+   ~ limitations under the License.
+   -->
+<shape xmlns:android="http://schemas.android.com/apk/res/android">
+    <solid android:color="@android:color/transparent" />
+    <corners android:radius="@dimen/extraLargeShapeCornerRadius" />
+</shape>

android-design-system/design-system/src/main/res/drawable/selectable_large_rounded_ripple.xml

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+   ~ Copyright (c) 2024 DuckDuckGo
+   ~
+   ~ Licensed under the Apache License, Version 2.0 (the "License");
+   ~ you may not use this file except in compliance with the License.
+   ~ You may obtain a copy of the License at
+   ~
+   ~     http://www.apache.org/licenses/LICENSE-2.0
+   ~
+   ~ Unless required by applicable law or agreed to in writing, software
+   ~ distributed under the License is distributed on an "AS IS" BASIS,
+   ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   ~ See the License for the specific language governing permissions and
+   ~ limitations under the License.
+   -->
+<ripple xmlns:android="http://schemas.android.com/apk/res/android"
+    android:color="?android:attr/colorControlHighlight">
+    <item android:id="@android:id/mask">
+        <shape android:shape="rectangle">
+            <solid android:color="?attr/daxColorBlack" />
+            <corners android:radius="@dimen/extraLargeShapeCornerRadius" />
+        </shape>
+    </item>
+    <item android:drawable="@drawable/background_large_rounded_transparent" />
+</ripple>

android-design-system/design-system/src/main/res/values/design-system-dimensions.xml

@@ -32,6 +32,7 @@
     <dimen name="smallShapeCornerRadius">8dp</dimen>
     <dimen name="mediumShapeCornerRadius">12dp</dimen>
     <dimen name="largeShapeCornerRadius">16dp</dimen>
+    <dimen name="extraLargeShapeCornerRadius">24dp</dimen>
 
     <!-- App Components -->
     <dimen name="changeAppIconSize">75dp</dimen>

browser/browser-ui/src/main/res/values/styles-input-mode.xml

@@ -30,4 +30,9 @@
         <item name="tabGravity">center</item>
         <item name="tabInlineLabel">true</item>
     </style>
+
+    <style name="Widget.DuckDuckGo.SettingsPictogram">
+        <item name="cornerFamily">rounded</item>
+        <item name="cornerSize">@dimen/extraLargeShapeCornerRadius</item>
+    </style>
 </resources>

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

@@ -105,9 +105,10 @@
 
                     <ImageView
                         android:id="@+id/duckAiInputScreenToggleWithoutAiImage"
-                        android:layout_width="match_parent"
+                        android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
-                        android:scaleType="fitCenter"
+                        android:scaleType="fitXY"
+                        android:foreground="@drawable/selectable_large_rounded_ripple"
                         android:src="@drawable/searchbox_withoutai_active" />
 
                     <com.duckduckgo.common.ui.view.text.DaxTextView
@@ -144,9 +145,10 @@
 
                     <ImageView
                         android:id="@+id/duckAiInputScreenToggleWithAiImage"
-                        android:layout_width="match_parent"
+                        android:layout_width="wrap_content"
                         android:layout_height="wrap_content"
-                        android:scaleType="fitCenter"
+                        android:scaleType="fitXY"
+                        android:foreground="@drawable/selectable_large_rounded_ripple"
                         android:src="@drawable/searchbox_withai_inactive" />
 
                     <LinearLayout