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

* Add platform vars to env

* Replace /platform/detection with /env

src/view/com/modals/DeleteAccount.tsx

@@ -16,19 +16,19 @@ import {useWebMediaQueries} from '#/lib/hooks/useWebMediaQueries'
 import {cleanError} from '#/lib/strings/errors'
 import {colors, gradients, s} from '#/lib/styles'
 import {useTheme} from '#/lib/ThemeContext'
-import {isAndroid, isWeb} from '#/platform/detection'
 import {useModalControls} from '#/state/modals'
 import {useAgent, useSession, useSessionApi} from '#/state/session'
 import {atoms as a, useTheme as useNewTheme} from '#/alf'
 import {CircleInfo_Stroke2_Corner0_Rounded as CircleInfo} from '#/components/icons/CircleInfo'
 import {Text as NewText} from '#/components/Typography'
+import {IS_ANDROID, IS_WEB} from '#/env'
 import {resetToTab} from '../../../Navigation'
 import {ErrorMessage} from '../util/error/ErrorMessage'
 import {Text} from '../util/text/Text'
 import * as Toast from '../util/Toast'
 import {ScrollView, TextInput} from './util'
 
-export const snapPoints = isAndroid ? ['90%'] : ['55%']
+export const snapPoints = IS_ANDROID ? ['90%'] : ['55%']
 
 export function Component({}: {}) {
   const pal = usePalette('default')
@@ -173,7 +173,7 @@ export function Component({}: {}) {
               </>
             )}
 
-            <View style={[!isWeb && a.px_xl]}>
+            <View style={[!IS_WEB && a.px_xl]}>
               <View
                 style={[
                   a.w_full,

src/view/com/modals/UserAddRemoveLists.tsx

@@ -14,7 +14,6 @@ import {sanitizeDisplayName} from '#/lib/strings/display-names'
 import {cleanError} from '#/lib/strings/errors'
 import {sanitizeHandle} from '#/lib/strings/handles'
 import {s} from '#/lib/styles'
-import {isAndroid, isMobileWeb, isWeb} from '#/platform/detection'
 import {useModalControls} from '#/state/modals'
 import {
   getMembership,
@@ -24,6 +23,7 @@ import {
   useListMembershipRemoveMutation,
 } from '#/state/queries/list-memberships'
 import {useSession} from '#/state/session'
+import {IS_ANDROID, IS_WEB, IS_WEB_MOBILE} from '#/env'
 import {MyLists} from '../lists/MyLists'
 import {Button} from '../util/forms/Button'
 import {Text} from '../util/text/Text'
@@ -56,9 +56,9 @@ export function Component({
   }, [closeModal])
 
   const listStyle = React.useMemo(() => {
-    if (isMobileWeb) {
+    if (IS_WEB_MOBILE) {
       return [pal.border, {height: screenHeight / 2}]
-    } else if (isWeb) {
+    } else if (IS_WEB) {
       return [pal.border, {height: screenHeight / 1.5}]
     }
 
@@ -243,7 +243,7 @@ function ListItem({
 
 const styles = StyleSheet.create({
   container: {
-    paddingHorizontal: isWeb ? 0 : 16,
+    paddingHorizontal: IS_WEB ? 0 : 16,
   },
   btns: {
     position: 'relative',
@@ -252,7 +252,7 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     gap: 10,
     paddingTop: 10,
-    paddingBottom: isAndroid ? 10 : 0,
+    paddingBottom: IS_ANDROID ? 10 : 0,
     borderTopWidth: StyleSheet.hairlineWidth,
   },
   footerBtn: {