[APP-1928] add bot/automated account badge and self-labeling settings (#10008)

Co-authored-by: Eric Bailey <git@esb.lol>

src/view/com/composer/text-input/mobile/Autocomplete.tsx

@@ -9,9 +9,8 @@ import {sanitizeHandle} from '#/lib/strings/handles'
 import {useActorAutocompleteQuery} from '#/state/queries/actor-autocomplete'
 import {UserAvatar} from '#/view/com/util/UserAvatar'
 import {atoms as a, platform, useTheme} from '#/alf'
+import {ProfileBadges} from '#/components/ProfileBadges'
 import {Text} from '#/components/Typography'
-import {useSimpleVerificationState} from '#/components/verification'
-import {VerificationCheck} from '#/components/verification/VerificationCheck'
 
 export function Autocomplete({
   prefix,
@@ -77,7 +76,6 @@ function AutocompleteProfileCard({
   onPress: () => void
 }) {
   const t = useTheme()
-  const state = useSimpleVerificationState({profile})
   const displayName = sanitizeDisplayName(
     profile.displayName || sanitizeHandle(profile.handle),
   )
@@ -115,19 +113,15 @@ function AutocompleteProfileCard({
               numberOfLines={1}>
               {displayName}
             </Text>
-            {state.isVerified && (
-              <View
-                style={[
-                  {
-                    marginTop: platform({android: -2}),
-                  },
-                ]}>
-                <VerificationCheck
-                  width={12}
-                  verifier={state.role === 'verifier'}
-                />
-              </View>
-            )}
+            <ProfileBadges
+              profile={profile}
+              size="sm"
+              style={[
+                {
+                  marginTop: platform({android: -2}),
+                },
+              ]}
+            />
           </View>
         </View>
         <Text