fix: update font sizes in DailyForecast and HourlyForecast components for improved readability

Author: codeAbinash

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

@@ -127,7 +127,7 @@ function DailyWeather({ d, day, currentUnit, min, max, dotPosition, theme }: Dai
           <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: 11, opacity: 0.8 }}
+            style={{ display: probability ? 'flex' : 'none', fontSize: 12, opacity: 0.8 }}
           >
             {probability}%
           </Medium>

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

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

src/screens/Weather/Widget/WeatherWidget.tsx

@@ -87,12 +87,12 @@ const WeatherWidget = ({ navigation }: { navigation: StackNav }) => {
       >
         <View>
           <View className='flex-row justify-between'>
-            <Medium className='text-base' style={color}>
+            <Medium className='text-lg' style={color}>
               {currentCity.name}
             </Medium>
             {isLoading && <ActivityIndicator size={15} color={color.color} />}
           </View>
-          <Regular style={[{ fontSize: 60, lineHeight: 80 }, color]}>
+          <Regular style={[{ fontSize: 70, lineHeight: 90 }, color]}>
             {w ? tempConverter({ temp: w.current?.temp, unit: currentUnit }) : '__'}
             {currentUnit === 'K' ? '' : '°'}
           </Regular>