Move /platform/detection vars into /env (#9707)

* Add platform vars to env

* Replace /platform/detection with /env

src/components/forms/SearchInput.tsx

@@ -4,12 +4,12 @@ import {msg} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 
 import {HITSLOP_10} from '#/lib/constants'
-import {isNative} from '#/platform/detection'
 import {atoms as a, useTheme} from '#/alf'
 import {Button, ButtonIcon} from '#/components/Button'
 import * as TextField from '#/components/forms/TextField'
 import {MagnifyingGlass_Stroke2_Corner0_Rounded as MagnifyingGlassIcon} from '#/components/icons/MagnifyingGlass'
 import {TimesLarge_Stroke2_Corner0_Rounded as X} from '#/components/icons/Times'
+import {IS_NATIVE} from '#/env'
 
 type SearchInputProps = Omit<TextField.InputProps, 'label'> & {
   label?: TextField.InputProps['label']
@@ -36,7 +36,7 @@ export const SearchInput = React.forwardRef<TextInput, SearchInputProps>(
             placeholder={_(msg`Search`)}
             returnKeyType="search"
             keyboardAppearance={t.scheme}
-            selectTextOnFocus={isNative}
+            selectTextOnFocus={IS_NATIVE}
             autoFocus={false}
             accessibilityRole="search"
             autoCorrect={false}

src/components/forms/Toggle/index.tsx

@@ -10,7 +10,6 @@ import Animated, {Easing, LinearTransition} from 'react-native-reanimated'
 
 import {HITSLOP_10} from '#/lib/constants'
 import {useHaptics} from '#/lib/haptics'
-import {isNative} from '#/platform/detection'
 import {
   atoms as a,
   native,
@@ -22,6 +21,7 @@ import {
 import {useInteractionState} from '#/components/hooks/useInteractionState'
 import {CheckThick_Stroke2_Corner0_Rounded as Checkmark} from '#/components/icons/Check'
 import {Text} from '#/components/Typography'
+import {IS_NATIVE} from '#/env'
 
 export * from './Panel'
 
@@ -562,4 +562,4 @@ export function BaseRadio({
   )
 }
 
-export const Platform = isNative ? Switch : Checkbox
+export const Platform = IS_NATIVE ? Switch : Checkbox