ui: move search bar above preview and enhance category tab selector contrast

- Move global search bar above the widget preview card
- Switch selected tab indicator to bold colorPrimary fill with crisp colorOnPrimary text and icon
- Add outline stroke to tab container for distinct pill boundaries

Author: LeanBitLab

app/src/main/res/color/selector_tab_icon.xml

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <selector xmlns:android="http://schemas.android.com/apk/res/android">
-    <item android:state_selected="true" android:color="?attr/colorOnPrimaryContainer"/>
+    <item android:state_selected="true" android:color="?attr/colorOnPrimary"/>
     <item android:color="?attr/colorOnSurfaceVariant"/>
 </selector>

app/src/main/res/drawable/bg_tab_container.xml

@@ -3,4 +3,5 @@
     android:shape="rectangle">
     <corners android:radius="18dp"/>
     <solid android:color="?attr/colorSurfaceContainerHigh"/>
+    <stroke android:width="1dp" android:color="?attr/colorOutlineVariant"/>
 </shape>

app/src/main/res/drawable/bg_tab_indicator.xml

@@ -6,6 +6,6 @@
     android:insetBottom="3dp">
     <shape android:shape="rectangle">
         <corners android:radius="14dp"/>
-        <solid android:color="?attr/colorPrimaryContainer"/>
+        <solid android:color="?attr/colorPrimary"/>
     </shape>
 </inset>

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

@@ -73,6 +73,40 @@
 
         </com.google.android.material.appbar.CollapsingToolbarLayout>
 
+        <!-- GLOBAL SETTINGS SEARCH (Above Preview) -->
+        <FrameLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:paddingStart="16dp"
+            android:paddingEnd="16dp"
+            android:paddingTop="4dp"
+            android:paddingBottom="4dp"
+            android:background="?attr/colorSurface">
+
+            <com.google.android.material.textfield.TextInputLayout
+                android:id="@+id/search_settings_layout"
+                style="@style/Widget.Material3.TextInputLayout.OutlinedBox"
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                app:boxCornerRadiusTopStart="24dp"
+                app:boxCornerRadiusTopEnd="24dp"
+                app:boxCornerRadiusBottomStart="24dp"
+                app:boxCornerRadiusBottomEnd="24dp"
+                app:startIconDrawable="@drawable/ic_search"
+                app:endIconMode="clear_text"
+                android:hint="@string/search_settings_hint">
+
+                <com.google.android.material.textfield.TextInputEditText
+                    android:id="@+id/search_settings_input"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:inputType="text"
+                    android:imeOptions="actionDone"
+                    android:maxLines="1"
+                    android:textSize="14sp" />
+            </com.google.android.material.textfield.TextInputLayout>
+        </FrameLayout>
+
         <!-- PINNED WIDGET PREVIEW CONTAINER -->
         <FrameLayout
             android:layout_width="match_parent"
@@ -139,7 +173,7 @@
                 app:tabIndicatorGravity="stretch"
                 app:tabIndicatorAnimationMode="elastic"
                 app:tabIndicatorColor="@android:color/transparent"
-                app:tabSelectedTextColor="?attr/colorOnPrimaryContainer"
+                app:tabSelectedTextColor="?attr/colorOnPrimary"
                 app:tabTextColor="?attr/colorOnSurfaceVariant"
                 app:tabIconTint="@color/selector_tab_icon"
                 app:tabTextAppearance="@style/Widget.Lwidget.TabTextAppearance"
@@ -169,31 +203,7 @@
             android:clipToPadding="false"
             android:paddingBottom="80dp">
 
-            <!-- GLOBAL SETTINGS SEARCH -->
-            <com.google.android.material.textfield.TextInputLayout
-                android:id="@+id/search_settings_layout"
-                style="@style/Widget.Material3.TextInputLayout.OutlinedBox"
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:layout_marginTop="4dp"
-                android:layout_marginBottom="12dp"
-                app:boxCornerRadiusTopStart="24dp"
-                app:boxCornerRadiusTopEnd="24dp"
-                app:boxCornerRadiusBottomStart="24dp"
-                app:boxCornerRadiusBottomEnd="24dp"
-                app:startIconDrawable="@drawable/ic_search"
-                app:endIconMode="clear_text"
-                android:hint="@string/search_settings_hint">
 
-                <com.google.android.material.textfield.TextInputEditText
-                    android:id="@+id/search_settings_input"
-                    android:layout_width="match_parent"
-                    android:layout_height="wrap_content"
-                    android:inputType="text"
-                    android:imeOptions="actionDone"
-                    android:maxLines="1"
-                    android:textSize="14sp" />
-            </com.google.android.material.textfield.TextInputLayout>
 
             <!-- TAB 1: STYLE -->
             <LinearLayout