[APP-1782] Analytics migration (#9734)

* WIP

* Clean up growthbook code, integrate into init and sessions

* Move everything out of React

* Add metrics client

* Move to separate file

* Shared metadata cache

* Ensure we update metadata when session ID changes

* Ensure userMetadata is cleared when logging out

* WIP revamp

* Integrate feature gates into analytics context

* Clean up old code

* Fix useMeta util

* Some comments and cleanup

* Add logger to base analytics context

* Refactor current route handling

* Rip out LogEvent from navigation

* Update tracking endpoint

* Migrate toClout

* Clear out statsig client

* Add todo, reset logger readme

* Ope fix statsig noop

* Refactor logging in feed-feedback, add debug logging to metrics client

* Remove LogEvents alias for Metrics

* Prefer root package export

* Remove Metrics alias from logger

* [APP-1782] Migrate to new analytics APIs (#9735)

* Migrate logEvent to useAnalytics

* Migrate logger.metric to useAnalytics

* Migrate tricky spot, fix types

* Migrate remaining tricky spot

* Missed one

* Remove metric() from logger

* Migrate useGate to useAnalytics

* Remove all other StatSig mentions

* Update event payload

* Update logger tests

* Mock expo method

* Fix session ID bug

* Add session ID test

* Add test for metrics client

* Clarify intent

* Clean up core analytics file

* Clean up the call once utils

* Fix TODO

* Fix TODO

* Fix TODO

* Fix TODO

* Fix TODO

* Remove debug code

* Fix navigation context

* OK nav context is not working, todo

* Checkpoint: works but feels hacky

* Fix navigation context issue

* Improve feature API

* Improve metric logging

* Update logger tests

src/screens/Bookmarks/index.tsx

@@ -20,7 +20,6 @@ import {
   type CommonNavigatorParams,
   type NativeStackScreenProps,
 } from '#/lib/routes/types'
-import {logger} from '#/logger'
 import {useBookmarkMutation} from '#/state/queries/bookmarks/useBookmarkMutation'
 import {useBookmarksQuery} from '#/state/queries/bookmarks/useBookmarksQuery'
 import {useSetMinimalShellMode} from '#/state/shell'
@@ -37,18 +36,20 @@ import {ListFooter} from '#/components/Lists'
 import * as Skele from '#/components/Skeleton'
 import * as toast from '#/components/Toast'
 import {Text} from '#/components/Typography'
+import {useAnalytics} from '#/analytics'
 import {IS_IOS} from '#/env'
 
 type Props = NativeStackScreenProps<CommonNavigatorParams, 'Bookmarks'>
 
 export function BookmarksScreen({}: Props) {
   const setMinimalShellMode = useSetMinimalShellMode()
+  const ax = useAnalytics()
 
   useFocusEffect(
     useCallback(() => {
       setMinimalShellMode(false)
-      logger.metric('bookmarks:view', {})
-    }, [setMinimalShellMode]),
+      ax.metric('bookmarks:view', {})
+    }, [setMinimalShellMode, ax]),
   )
 
   return (
@@ -144,7 +145,7 @@ function BookmarksInner() {
               key: bookmark.item.uri,
               bookmark: {
                 ...bookmark,
-                item: bookmark.item as $Typed<AppBskyFeedDefs.NotFoundPost>,
+                item: bookmark.item,
               },
             })
           }
@@ -154,7 +155,7 @@ function BookmarksInner() {
               key: bookmark.item.uri,
               bookmark: {
                 ...bookmark,
-                item: bookmark.item as $Typed<AppBskyFeedDefs.PostView>,
+                item: bookmark.item,
               },
             })
           }
@@ -270,6 +271,25 @@ function BookmarkNotFound({
   )
 }
 
+function BookmarkItem({
+  item,
+  hideTopBorder,
+}: {
+  item: Extract<ListItem, {type: 'bookmark'}>
+  hideTopBorder: boolean
+}) {
+  const ax = useAnalytics()
+  return (
+    <Post
+      post={item.bookmark.item}
+      hideTopBorder={hideTopBorder}
+      onBeforePress={() => {
+        ax.metric('bookmarks:post-clicked', {})
+      }}
+    />
+  )
+}
+
 function BookmarksEmpty() {
   const t = useTheme()
   const {_} = useLingui()
@@ -301,15 +321,7 @@ function renderItem({item, index}: {item: ListItem; index: number}) {
       return <BookmarksEmpty />
     }
     case 'bookmark': {
-      return (
-        <Post
-          post={item.bookmark.item}
-          hideTopBorder={index === 0}
-          onBeforePress={() => {
-            logger.metric('bookmarks:post-clicked', {})
-          }}
-        />
-      )
+      return <BookmarkItem item={item} hideTopBorder={index === 0} />
     }
     case 'bookmarkNotFound': {
       return (