Use on-device translation on mobile when available (#9930)

Co-authored-by: Samuel Newman <mozzius@protonmail.com>

src/view/com/home/HomeHeaderLayout.web.tsx

@@ -4,6 +4,7 @@ import {msg} from '@lingui/core/macro'
 import {useLingui} from '@lingui/react'
 import type React from 'react'
 
+import {HITSLOP_10} from '#/lib/constants'
 import {useKawaiiMode} from '#/state/preferences/kawaii'
 import {useSession} from '#/state/session'
 import {useShellLayout} from '#/state/shell/shell-layout'
@@ -53,7 +54,7 @@ function HomeHeaderLayoutDesktopAndTablet({
             </View>
             <Link
               to="/feeds"
-              hitSlop={10}
+              hitSlop={HITSLOP_10}
               label={_(msg`View your feeds and explore more`)}
               size="small"
               variant="ghost"