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

* Add platform vars to env

* Replace /platform/detection with /env

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: {