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

* Add platform vars to env

* Replace /platform/detection with /env

src/components/Layout/Header/index.tsx

@@ -6,7 +6,6 @@ import {useNavigation} from '@react-navigation/native'
 
 import {HITSLOP_30} from '#/lib/constants'
 import {type NavigationProp} from '#/lib/routes/types'
-import {isIOS} from '#/platform/detection'
 import {useSetDrawerOpen} from '#/state/shell'
 import {
   atoms as a,
@@ -29,6 +28,7 @@ import {
 } from '#/components/Layout/const'
 import {ScrollbarOffsetContext} from '#/components/Layout/context'
 import {Text} from '#/components/Typography'
+import {IS_IOS} from '#/env'
 
 export function Outer({
   children,
@@ -91,7 +91,7 @@ export function Content({
       style={[
         a.flex_1,
         a.justify_center,
-        isIOS && align === 'platform' && a.align_center,
+        IS_IOS && align === 'platform' && a.align_center,
         {minHeight: HEADER_SLOT_SIZE},
       ]}>
       <AlignmentContext.Provider value={align}>
@@ -186,7 +186,7 @@ export function TitleText({
         a.text_lg,
         a.font_semi_bold,
         a.leading_tight,
-        isIOS && align === 'platform' && a.text_center,
+        IS_IOS && align === 'platform' && a.text_center,
         gtMobile && a.text_xl,
         style,
       ]}
@@ -205,7 +205,7 @@ export function SubtitleText({children}: {children: React.ReactNode}) {
       style={[
         a.text_sm,
         a.leading_snug,
-        isIOS && align === 'platform' && a.text_center,
+        IS_IOS && align === 'platform' && a.text_center,
         t.atoms.text_contrast_medium,
       ]}
       numberOfLines={2}>

src/components/Layout/index.tsx

@@ -11,7 +11,6 @@ import Animated, {
 } from 'react-native-reanimated'
 import {useSafeAreaInsets} from 'react-native-safe-area-context'
 
-import {isWeb} from '#/platform/detection'
 import {useShellLayout} from '#/state/shell/shell-layout'
 import {
   atoms as a,
@@ -23,6 +22,7 @@ import {
 import {useDialogContext} from '#/components/Dialog'
 import {CENTER_COLUMN_OFFSET, SCROLLBAR_OFFSET} from '#/components/Layout/const'
 import {ScrollbarOffsetContext} from '#/components/Layout/context'
+import {IS_WEB} from '#/env'
 
 export * from '#/components/Layout/const'
 export * as Header from '#/components/Layout/Header'
@@ -43,7 +43,7 @@ export const Screen = memo(function Screen({
   const {top} = useSafeAreaInsets()
   return (
     <>
-      {isWeb && <WebCenterBorders />}
+      {IS_WEB && <WebCenterBorders />}
       <View
         style={[a.util_screen_outer, {paddingTop: noInsetTop ? 0 : top}, style]}
         {...props}
@@ -98,7 +98,7 @@ export const Content = memo(
           contentContainerStyle,
         ]}
         {...props}>
-        {isWeb ? (
+        {IS_WEB ? (
           <Center ignoreTabletLayoutOffset={ignoreTabletLayoutOffset}>
             {/* @ts-expect-error web only -esb */}
             {children}
@@ -145,7 +145,7 @@ export const KeyboardAwareContent = memo(function LayoutKeyboardAwareContent({
       ]}
       keyboardShouldPersistTaps="handled"
       {...props}>
-      {isWeb ? <Center>{children}</Center> : children}
+      {IS_WEB ? <Center>{children}</Center> : children}
     </KeyboardAwareScrollView>
   )
 })