fix: tweak styles for android

Author: lawvs

apps/mobile/src/modules/discover/Category.tsx

@@ -25,7 +25,7 @@ export const Category = () => {
       <View className="mt-4 flex-row items-center justify-between pb-1 pl-6 pr-5 pt-4">
         <View className="flex-row items-center gap-2">
           <Grid2CuteReIcon width={24} height={24} color={label} />
-          <Text className="text-label text-2xl font-bold leading-[1.1]">Categories</Text>
+          <Text className="text-label pb-2 text-2xl font-bold leading-[1.1]">Categories</Text>
         </View>
         <ItemPressable
           className="rounded-lg p-1"

apps/mobile/src/modules/discover/Trending.tsx

@@ -40,7 +40,7 @@ export const Trending = ({
       <View className={cn("flex-row items-center justify-between pb-1 pt-4", itemClassName)}>
         <View className="flex-row items-center gap-2">
           <TrendingUpCuteReIcon width={24} height={24} color={label} />
-          <Text className="text-label text-2xl font-bold leading-[1.1]">Trending</Text>
+          <Text className="text-label pb-2 text-2xl font-bold leading-[1.1]">Trending</Text>
         </View>
         <ItemPressable
           className="rounded-lg p-1"

apps/mobile/src/modules/discover/search.tsx

@@ -167,6 +167,7 @@ const SearchInput = () => {
           </Animated.View>
         )}
         <TextInput
+          textAlignVertical="center"
           enterKeyHint="search"
           autoFocus={isFocused}
           ref={inputRef}
@@ -203,7 +204,13 @@ const SearchInput = () => {
         className="absolute -right-20 w-20 pl-4"
         style={cancelButtonAnimatedStyle}
       >
-        <Text className="text-accent text-lg font-medium">Cancel</Text>
+        <Text
+          // Fix font scaling issues on Android
+          allowFontScaling={false}
+          className="text-accent text-lg font-medium"
+        >
+          Cancel
+        </Text>
       </ReAnimatedTouchableOpacity>
     </Animated.View>
   )