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

* Add platform vars to env

* Replace /platform/detection with /env

src/components/dms/NewMessagesPill.tsx

@@ -14,9 +14,9 @@ import {
   ScaleAndFadeOut,
 } from '#/lib/custom-animations/ScaleAndFade'
 import {useHaptics} from '#/lib/haptics'
-import {isAndroid, isIOS, isWeb} from '#/platform/detection'
 import {atoms as a, useTheme} from '#/alf'
 import {Text} from '#/components/Typography'
+import {IS_ANDROID, IS_IOS, IS_WEB} from '#/env'
 
 const AnimatedPressable = Animated.createAnimatedComponent(Pressable)
 
@@ -28,18 +28,18 @@ export function NewMessagesPill({
   const t = useTheme()
   const playHaptic = useHaptics()
   const {bottom: bottomInset} = useSafeAreaInsets()
-  const bottomBarHeight = isIOS ? 42 : isAndroid ? 60 : 0
-  const bottomOffset = isWeb ? 0 : bottomInset + bottomBarHeight
+  const bottomBarHeight = IS_IOS ? 42 : IS_ANDROID ? 60 : 0
+  const bottomOffset = IS_WEB ? 0 : bottomInset + bottomBarHeight
 
   const scale = useSharedValue(1)
 
   const onPressIn = React.useCallback(() => {
-    if (isWeb) return
+    if (IS_WEB) return
     scale.set(() => withTiming(1.075, {duration: 100}))
   }, [scale])
 
   const onPressOut = React.useCallback(() => {
-    if (isWeb) return
+    if (IS_WEB) return
     scale.set(() => withTiming(1, {duration: 100}))
   }, [scale])