fix(socialNav): active user state icon

Closes #100

src/layout/socialNav.tsx

@@ -1,13 +1,28 @@
 import { useAppSelector } from 'hooks'
+import { nip19 } from 'nostr-tools'
 import { useState } from 'react'
 import { NavLink, NavLinkProps } from 'react-router-dom'
 import { appRoutes, getProfilePageRoute } from 'routes'
 import 'styles/socialNav.css'
+import { npubToHex } from 'utils'
 
 export const SocialNav = () => {
   const [isCollapsed, setIsCollapsed] = useState<boolean>(false)
   const userState = useAppSelector((state) => state.user)
 
+  let profileRoute = ''
+  if (userState.auth && userState.user) {
+    // Redirect to user's profile is no profile is linked
+    const userHexKey = npubToHex(userState.user.npub as string)
+
+    if (userHexKey) {
+      profileRoute = getProfilePageRoute(
+        nip19.nprofileEncode({
+          pubkey: userHexKey
+        })
+      )
+    }
+  }
   const toggleNav = () => {
     setIsCollapsed(!isCollapsed)
   }
@@ -42,7 +57,7 @@ export const SocialNav = () => {
             />
             {!!userState.auth && (
               <NavButton
-                to={getProfilePageRoute('')}
+                to={profileRoute}
                 svgPath='M256 288c79.53 0 144-64.47 144-144s-64.47-144-144-144c-79.52 0-144 64.47-144 144S176.5 288 256 288zM351.1 320H160c-88.36 0-160 71.63-160 160c0 17.67 14.33 32 31.1 32H480c17.67 0 31.1-14.33 31.1-32C512 391.6 440.4 320 351.1 320z'
               />
             )}