make trending buttons pressable scale (#7160)

src/components/TrendingTopics.tsx

@@ -4,13 +4,14 @@ import {AtUri} from '@atproto/api'
 import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
+import {PressableScale} from '#/lib/custom-animations/PressableScale'
 // import {makeProfileLink} from '#/lib/routes/links'
 // import {feedUriToHref} from '#/lib/strings/url-helpers'
 // import {Hashtag_Stroke2_Corner0_Rounded as Hashtag} from '#/components/icons/Hashtag'
 // import {CloseQuote_Filled_Stroke2_Corner0_Rounded as Quote} from '#/components/icons/Quote'
 // import {UserAvatar} from '#/view/com/util/UserAvatar'
 import type {TrendingTopic} from '#/state/queries/trending/useTrendingTopics'
-import {atoms as a, useTheme, ViewStyleProp} from '#/alf'
+import {atoms as a, native, useTheme, ViewStyleProp} from '#/alf'
 import {Link as InternalLink, LinkProps} from '#/components/Link'
 import {Text} from '#/components/Typography'
 
@@ -138,7 +139,11 @@ export function TrendingTopicLink({
   const topic = useTopic(raw)
 
   return (
-    <InternalLink label={topic.label} to={topic.url} {...rest}>
+    <InternalLink
+      label={topic.label}
+      to={topic.url}
+      PressableComponent={native(PressableScale)}
+      {...rest}>
       {children}
     </InternalLink>
   )