add link wrapper

src/components/StarterPack/StarterPackCard.tsx

@@ -3,12 +3,14 @@ import {View} from 'react-native'
 
 import {atoms as a, useTheme} from '#/alf'
 import {StarterPackIcon} from '#/components/icons/StarterPackIcon'
+import {Link} from '#/components/Link'
 import {Text} from '#/components/Typography'
 
 export function StarterPackCard({hideTopBorder}: {hideTopBorder?: boolean}) {
   const t = useTheme()
 
   return (
+    <Link to={{screen: 'StarterPack', params: {id: 123}}}>
       <View
         style={[
           a.flex_row,
@@ -31,5 +33,6 @@ export function StarterPackCard({hideTopBorder}: {hideTopBorder?: boolean}) {
           </Text>
         </View>
       </View>
+    </Link>
   )
 }