Implement logging system

src/view/com/profile/ProfileFollowers.tsx

@@ -23,15 +23,15 @@ export const ProfileFollowers = observer(function ProfileFollowers({
 
   useEffect(() => {
     if (view?.params.user === name) {
-      console.log('User followers doing nothing')
       return // no change needed? or trigger refresh?
     }
-    console.log('Fetching user followers', name)
     const newView = new UserFollowersViewModel(store, {user: name})
     setView(newView)
     newView
       .setup()
-      .catch(err => console.error('Failed to fetch user followers', err))
+      .catch(err =>
+        store.log.error('Failed to fetch user followers', err.toString()),
+      )
   }, [name, view?.params.user, store])
 
   const onRefresh = () => {

src/view/com/profile/ProfileFollows.tsx

@@ -23,15 +23,15 @@ export const ProfileFollows = observer(function ProfileFollows({
 
   useEffect(() => {
     if (view?.params.user === name) {
-      console.log('User follows doing nothing')
       return // no change needed? or trigger refresh?
     }
-    console.log('Fetching user follows', name)
     const newView = new UserFollowsViewModel(store, {user: name})
     setView(newView)
     newView
       .setup()
-      .catch(err => console.error('Failed to fetch user follows', err))
+      .catch(err =>
+        store.log.error('Failed to fetch user follows', err.toString()),
+      )
   }, [name, view?.params.user, store])
 
   const onRefresh = () => {

src/view/com/profile/ProfileHeader.tsx

@@ -52,7 +52,7 @@ export const ProfileHeader = observer(function ProfileHeader({
           }`,
         )
       },
-      err => console.error('Failed to toggle follow', err),
+      err => store.log.error('Failed to toggle follow', err.toString()),
     )
   }
   const onPressEditProfile = () => {
@@ -94,7 +94,7 @@ export const ProfileHeader = observer(function ProfileHeader({
       await view.muteAccount()
       Toast.show('Account muted')
     } catch (e: any) {
-      console.error(e)
+      store.log.error('Failed to mute account', e.toString())
       Toast.show(`There was an issue! ${e.toString()}`)
     }
   }
@@ -103,7 +103,7 @@ export const ProfileHeader = observer(function ProfileHeader({
       await view.unmuteAccount()
       Toast.show('Account unmuted')
     } catch (e: any) {
-      console.error(e)
+      store.log.error('Failed to unmute account', e.toString())
       Toast.show(`There was an issue! ${e.toString()}`)
     }
   }

src/view/com/profile/ProfileMembers.tsx

@@ -16,13 +16,13 @@ export const ProfileMembers = observer(function ProfileMembers({
 
   useEffect(() => {
     if (view?.params.actor === name) {
-      console.log('Members doing nothing')
       return // no change needed? or trigger refresh?
     }
-    console.log('Fetching members', name)
     const newView = new MembersViewModel(store, {actor: name})
     setView(newView)
-    newView.setup().catch(err => console.error('Failed to fetch members', err))
+    newView
+      .setup()
+      .catch(err => store.log.error('Failed to fetch members', err.toString()))
   }, [name, view?.params.actor, store])
 
   const onRefresh = () => {