Use medium font weight in a few places (#8848)

* medium font toasts

* medium font tabs

* medium font trending pill

src/components/ProgressGuide/FollowDialog.tsx

@@ -539,7 +539,7 @@ let Tab = ({
             ]}>
             <Text
               style={[
-                /* TODO: medium weight */
+                a.font_medium,
                 active || hovered || pressed || focused
                   ? t.atoms.text
                   : t.atoms.text_contrast_medium,

src/components/Toast/Toast.tsx

@@ -92,7 +92,7 @@ export function ToastText({children}: {children: React.ReactNode}) {
       selectable={false}
       style={[
         a.text_md,
-        a.font_bold,
+        a.font_medium,
         a.leading_snug,
         a.pointer_events_none,
         {

src/screens/Search/modules/ExploreSuggestedAccounts.tsx

@@ -147,7 +147,7 @@ let Tab = ({
             ]}>
             <Text
               style={[
-                /* TODO: medium weight */
+                a.font_medium,
                 active || hovered || pressed || focused
                   ? t.atoms.text
                   : t.atoms.text_contrast_medium,

src/screens/Search/modules/ExploreTrendingTopics.tsx

@@ -163,10 +163,7 @@ function TrendingIndicator({type}: {type: TrendingIndicatorType | 'skeleton'}) {
     a.align_center,
     a.gap_xs,
     a.rounded_full,
-    a.px_sm,
-    {
-      height: 28,
-    },
+    {height: 28, paddingHorizontal: 10},
   ]
 
   let Icon: React.ComponentType<SVGIconProps> | null = null
@@ -218,7 +215,7 @@ function TrendingIndicator({type}: {type: TrendingIndicatorType | 'skeleton'}) {
   return (
     <View style={[pillStyles, {backgroundColor}]}>
       {Icon && <Icon size="sm" style={{color}} />}
-      <Text style={[a.text_sm, {color}]}>{text}</Text>
+      <Text style={[a.text_sm, a.font_medium, {color}]}>{text}</Text>
     </View>
   )
 }