[APP-782] Support invalid handles correctly (#1049)

* Update profile link construction to support handle.invalid

* Update list links  to support using handles

* Use did for isMe check to ensure invalid handles dont distort the check

* Shift the red (error) colors away from the pink spectrum

* Add ThemedText helper component

* Add sanitizedHandle() helper to render invalid handles well

* Fix regression: only show avatar in PostMeta when needed

* Restore the color of likes

* Remove users with invalid handles from default autosuggests

src/view/screens/Settings.tsx

@@ -43,6 +43,7 @@ import {pluralize} from 'lib/strings/helpers'
 import {formatCount} from 'view/com/util/numeric/format'
 import Clipboard from '@react-native-clipboard/clipboard'
 import {reset as resetNavigation} from '../../Navigation'
+import {makeProfileLink} from 'lib/routes/links'
 
 // TEMPORARY (APP-700)
 // remove after backend testing finishes
@@ -229,7 +230,7 @@ export const SettingsScreen = withAuthRequired(
             </View>
           ) : (
             <Link
-              href={`/profile/${store.me.handle}`}
+              href={makeProfileLink(store.me)}
               title="Your profile"
               noFeedback>
               <View style={[pal.view, styles.linkCard]}>