Refactor moderation to apply to accounts, profiles, and posts correctly (#548)

* Add ScreenHider component

* Add blur attribute to UserAvatar and UserBanner

* Remove dead suggested posts component and model

* Bump @atproto/api@0.2.10

* Rework moderation tooling to give a more precise DSL

* Add label mocks

* Apply finer grained moderation controls

* Refactor ProfileCard to just take the profile object

* Apply moderation to user listings and banner

* Apply moderation to notifications

* Fix lint

* Tune avatar & banner blur settings per platform

* 1.24

src/view/screens/Profile.tsx

@@ -6,6 +6,7 @@ import {NativeStackScreenProps, CommonNavigatorParams} from 'lib/routes/types'
 import {withAuthRequired} from 'view/com/auth/withAuthRequired'
 import {ViewSelector} from '../com/util/ViewSelector'
 import {CenteredView} from '../com/util/Views'
+import {ScreenHider} from 'view/com/util/moderation/ScreenHider'
 import {ProfileUiModel} from 'state/models/ui/profile'
 import {useStores} from 'state/index'
 import {PostsFeedSliceModel} from 'state/models/feeds/posts'
@@ -140,7 +141,11 @@ export const ProfileScreen = withAuthRequired(
     )
 
     return (
-      <View testID="profileView" style={styles.container}>
+      <ScreenHider
+        testID="profileView"
+        style={styles.container}
+        screenDescription="profile"
+        moderation={uiState.profile.moderation.view}>
         {uiState.profile.hasError ? (
           <ErrorScreen
             testID="profileErrorScreen"
@@ -169,7 +174,7 @@ export const ProfileScreen = withAuthRequired(
           onPress={onPressCompose}
           icon={<ComposeIcon2 strokeWidth={1.5} size={29} style={s.white} />}
         />
-      </View>
+      </ScreenHider>
     )
   }),
 )

src/view/screens/SearchMobile.tsx

@@ -146,19 +146,14 @@ export const SearchScreen = withAuthRequired(
               scrollEventThrottle={100}>
               {query && autocompleteView.searchRes.length ? (
                 <>
-                  {autocompleteView.searchRes.map(
-                    ({did, handle, displayName, labels, avatar}, index) => (
-                      <ProfileCard
-                        key={did}
-                        testID={`searchAutoCompleteResult-${handle}`}
-                        handle={handle}
-                        displayName={displayName}
-                        labels={labels}
-                        avatar={avatar}
-                        noBorder={index === 0}
-                      />
-                    ),
-                  )}
+                  {autocompleteView.searchRes.map((profile, index) => (
+                    <ProfileCard
+                      key={profile.did}
+                      testID={`searchAutoCompleteResult-${profile.handle}`}
+                      profile={profile}
+                      noBorder={index === 0}
+                    />
+                  ))}
                 </>
               ) : query && !autocompleteView.searchRes.length ? (
                 <View>