feat: use split button in subscriptions fragment

Author: Bnyro

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

@@ -68,38 +68,35 @@
                         android:animateLayoutChanges="true"
                         android:orientation="vertical">
 
-                        <LinearLayout
+                        <com.google.android.material.button.MaterialButtonGroup
+                            style="@style/Widget.Material3.MaterialSplitButton"
                             android:layout_width="match_parent"
                             android:layout_height="wrap_content"
-                            android:orientation="horizontal">
+                            android:orientation="horizontal"
+                            android:layout_marginHorizontal="8dp"
+                            android:paddingTop="4dp"
+                            android:paddingBottom="4dp"
+                            android:gravity="center">
 
                             <com.google.android.material.button.MaterialButton
                                 android:id="@+id/toggle_subs"
-                                style="@style/PlayerActionsButton"
+                                style="?materialButtonElevatedStyle"
                                 android:layout_width="0dp"
                                 android:layout_height="wrap_content"
-                                android:layout_marginStart="12dp"
-                                android:layout_marginEnd="6dp"
-                                android:layout_marginVertical="6dp"
                                 android:layout_weight="1"
                                 android:text="@string/subscriptions"
                                 android:textAlignment="viewStart"
-                                android:textColor="?colorPrimary"
-                                app:drawableEndCompat="@drawable/ic_arrow_up_down"
-                                app:drawableTint="?colorPrimary" />
+                                app:drawableEndCompat="@drawable/ic_arrow_up_down" />
 
-                            <ImageView
+                            <com.google.android.material.button.MaterialButton
+                                style="@style/Widget.Material3.Button.IconButton.Elevated"
                                 android:id="@+id/filter_sort"
-                                android:layout_width="40dp"
-                                android:layout_height="40dp"
-                                android:layout_gravity="center"
-                                android:layout_marginEnd="7dp"
-                                android:alpha="0.7"
+                                android:layout_width="wrap_content"
+                                android:layout_height="wrap_content"
                                 android:contentDescription="@string/tooltip_filter"
-                                android:padding="6dp"
-                                android:src="@drawable/ic_filter_sort" />
+                                app:icon="@drawable/ic_filter_sort" />
 
-                        </LinearLayout>
+                        </com.google.android.material.button.MaterialButtonGroup>
 
                         <HorizontalScrollView
                             android:id="@+id/channel_groups_container"

app/src/main/res/values/style.xml

@@ -219,4 +219,10 @@
         <item name="android:padding">5dp</item>
     </style>
 
+    <style name="Widget.Material3.Button.IconButton.Elevated" parent="Widget.Material3.Button.IconButton">
+        <item name="android:stateListAnimator">@animator/m3_btn_elevated_btn_state_list_anim</item>
+        <item name="elevation">@dimen/m3_comp_button_elevated_container_elevation</item>
+        <item name="materialThemeOverlay">@style/ThemeOverlay.Material3Expressive.Button.Elevated</item>
+    </style>
+
 </resources>