[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

1 files changed, 2 insertions, 1 deletions

diff --git a/src/view/shell/bottom-bar/BottomBarWeb.tsx b/src/view/shell/bottom-bar/BottomBarWeb.tsx
index cbaafd1fd..50cfa0570 100644
--- a/src/view/shell/bottom-bar/BottomBarWeb.tsx
+++ b/src/view/shell/bottom-bar/BottomBarWeb.tsx
@@ -21,6 +21,7 @@ import {
 } from 'lib/icons'
 import {Link} from 'view/com/util/Link'
 import {useMinimalShellMode} from 'lib/hooks/useMinimalShellMode'
+import {makeProfileLink} from 'lib/routes/links'
 
 export const BottomBarWeb = observer(() => {
   const store = useStores()
@@ -87,7 +88,7 @@ export const BottomBarWeb = observer(() => {
           )
         }}
       </NavItem>
-      <NavItem routeName="Profile" href={`/profile/${store.me.handle}`}>
+      <NavItem routeName="Profile" href={makeProfileLink(store.me)}>
         {() => (
           <UserIcon
             size={28}