fix: update Icon components to use 'solid-rounded' variant for consistency

Author: codeAbinash

src/components/Search.tsx

@@ -27,7 +27,7 @@ export default function Search({ onChangeText, value, ...all }: TextInputProps)
       className='w-full flex-row items-center justify-center overflow-hidden bg-zinc-100 pl-3.5 dark:bg-zinc-900'
       style={{ borderRadius: 14 }}
     >
-      <Search01Icon size={17} color={scheme === 'dark' ? Colors.zinc[500] : Colors.zinc[400]} />
+      <Search01Icon size={17} color={scheme === 'dark' ? Colors.zinc[500] : Colors.zinc[400]} variant='stroke-rounded' strokeWidth={2.5}/>
       <TextInput
         ref={ref}
         className='flex-1 p-3 text-zinc-800 dark:text-zinc-200'
@@ -42,7 +42,7 @@ export default function Search({ onChangeText, value, ...all }: TextInputProps)
       />
       <Animated.View style={animatedStyle}>
         <TouchableOpacity className='py-2.5 pl-1 pr-3' activeOpacity={1} onPress={clearText}>
-          <CancelCircleIcon color={scheme === 'dark' ? Colors.zinc[600] : Colors.zinc[400]} size={20} />
+          <CancelCircleIcon color={scheme === 'dark' ? Colors.zinc[600] : Colors.zinc[400]} size={20} variant='solid-rounded'/>
         </TouchableOpacity>
       </Animated.View>
     </View>

src/screens/Weather/Main/components/DailyForecast.tsx

@@ -123,7 +123,7 @@ function DailyWeather({ d, day, currentUnit, min, max, dotPosition, theme }: Dai
           {day}
         </Medium>
         <View className='w-1/6 flex-row items-center'>
-          <Icon size={21} color={color.color} style={{ marginRight: 10 }} />
+          <Icon size={21} color={color.color} style={{ marginRight: 10 }} variant='solid-rounded' />
           <Medium
             className='text-center text-sky-500'
             style={{ display: probability ? 'flex' : 'none', fontSize: 10.5 }}

src/screens/Weather/Main/components/HourlyForecast.tsx

@@ -95,7 +95,7 @@ function SmallWeather({ color, time, ap, temp, Icon, style, probability, ...rest
         {temp}
       </Medium>
       <View>
-        <Icon size={22} color={color.color} />
+        <Icon size={22} color={color.color} variant='solid-rounded' />
         {
           <SemiBold className='text-center text-sky-500' style={{ opacity: probability ? 1 : 0, fontSize: 9 }}>
             {probability}%

src/screens/Weather/Main/components/WeatherLabel.tsx

@@ -15,7 +15,7 @@ export default function WeatherLabel({ color, label: title, Icon }: WeatherHeade
   return (
     <View>
       <View className='flex-row gap-2 px-4 py-3 pb-0.5'>
-        <Icon size={15} color={color.color} style={{ opacity: 0.6 }} />
+        <Icon size={15} color={color.color} style={{ opacity: 0.6 }} variant='solid-rounded'/>
         <Medium style={[color, F.F10_5]} className='uppercase opacity-60'>
           {title}
         </Medium>

src/screens/Weather/Widget/WeatherWidget.tsx

@@ -97,7 +97,7 @@ const WeatherWidget = ({ navigation }: { navigation: StackNav }) => {
           </Regular>
         </View>
         <View>
-          <Icon size={25} color={color.color} />
+          <Icon size={25} color={color.color} variant='solid-rounded' />
           <Medium style={[color, F.F11]} className='mt-0.5 capitalize'>
             {w ? w.current?.weather?.[0]!.description : '__'}
           </Medium>