Mobile bottom nav: Profile tab now opens your profile, not Settings

The avatar "Profile" tab in the mobile bottom bar linked to /settings,
so tapping your own face took you to Settings instead of your public
profile. It now routes to /:npub (View Profile) when logged in, and
still falls back to /settings when logged out (where login lives).
Long-press to customize the nav is preserved.

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>

src/components/Layout.tsx

@@ -344,9 +344,16 @@ function MobileNav({
           {/* CUSTOM: 3 middle tabs */}
           {resolvedMiddle.map((tab, i) => renderTab(tab, `mid-${tab.id}-${i}`))}
 
-          {/* FIXED: Profile / Login tab — always lands on Settings root */}
+          {/* FIXED: Profile / Login tab.
+             Logged in  → your public profile (View Profile).
+             Logged out → Settings (login lives there).
+             Long-press / right-click still opens nav customization. */}
+          {(() => {
+            const profileHref = isLoggedIn && userPubkey ? `/${nip19.npubEncode(userPubkey)}` : '/settings';
+            const tabActive = isActive(profileHref);
+            return (
               <Link
-            to="/settings"
+                to={profileHref}
                 onTouchStart={startPress}
                 onTouchEnd={cancelPress}
                 onTouchMove={cancelPress}
@@ -356,17 +363,17 @@ function MobileNav({
                 }}
                 className={cn(
                   'relative flex flex-col items-center justify-center gap-0.5 py-1.5 px-1 rounded-xl transition-all duration-150 flex-1 touch-manipulation active:scale-90',
-              isActive('/settings') ? 'text-[#ff0040]' : 'text-gray-500'
+                  tabActive ? 'text-[#ff0040]' : 'text-gray-500'
                 )}
               >
-            {isActive('/settings') && (
+                {tabActive && (
                   <span className="absolute top-0 left-1/2 -translate-x-1/2 w-1 h-1 rounded-full bg-[#ff0040]" />
                 )}
                 {isLoggedIn && userPubkey ? (
                   <div className="relative">
                     <Avatar className={cn(
                       'h-[22px] w-[22px] border-2 transition-transform',
-                  isActive('/settings') ? 'border-[#ff0040] scale-110' : 'border-gray-600'
+                      tabActive ? 'border-[#ff0040] scale-110' : 'border-gray-600'
                     )}>
                       <AvatarImage src={userAvatar} alt={userName} />
                       <AvatarFallback className="bg-[#ff0040]/20 text-[#ff0040] text-[8px] font-bold">
@@ -382,6 +389,8 @@ function MobileNav({
                   {isLoggedIn ? 'Profile' : 'Log In'}
                 </span>
               </Link>
+            );
+          })()}
         </div>
       </div>
     </nav>