fix(layout): order top nav as Blog, Wallet, Rewards

Remove justify-between split that pushed Wallet to the far right; use a single row flex list.

Author: ety001

src/app/[locale]/[username]/page.tsx

@@ -54,7 +54,7 @@ export default function WalletPage() {
         isMyAccount={isMyAccount}
       />
 
-      {/* Top Navigation - Blog | Rewards | Wallet */}
+      {/* Top Navigation - Blog | Wallet | Rewards */}
       <TopNav
         accountname={urlUsername}
         activeSection="transfers"

src/components/layout/user-profile-banner.tsx

@@ -112,8 +112,8 @@ export function TopNav({ accountname, socialUrl = 'https://steemit.com', activeS
   return (
     <div className="UserProfile__top-nav">
       <div className="max-w-6xl mx-auto px-4">
-        <div className="flex items-center justify-between py-2">
-          <ul className="flex gap-1">
+        <div className="flex items-center py-2">
+          <ul className="flex flex-wrap items-center gap-1">
             <li>
               <a
                 href={`${socialUrl}/@${accountname}`}
@@ -124,6 +124,19 @@ export function TopNav({ accountname, socialUrl = 'https://steemit.com', activeS
                 Blog <ExternalLink className="size-3" />
               </a>
             </li>
+            <li>
+              <a
+                href={`/@${accountname}/transfers`}
+                className={cn(
+                  'inline-block px-3 py-2 text-sm font-medium transition-colors',
+                  isWalletActive
+                    ? 'font-bold text-foreground'
+                    : 'text-muted-foreground hover:text-foreground'
+                )}
+              >
+                Wallet
+              </a>
+            </li>
             <li>
               <DropdownMenu>
                 <DropdownMenuTrigger
@@ -147,21 +160,6 @@ export function TopNav({ accountname, socialUrl = 'https://steemit.com', activeS
               </DropdownMenu>
             </li>
           </ul>
-          <ul className="flex gap-1">
-            <li>
-              <a
-                href={`/@${accountname}/transfers`}
-                className={cn(
-                  'inline-block px-3 py-2 text-sm font-medium transition-colors',
-                  isWalletActive
-                    ? 'font-bold text-foreground'
-                    : 'text-muted-foreground hover:text-foreground'
-                )}
-              >
-                Wallet
-              </a>
-            </li>
-          </ul>
         </div>
       </div>
     </div>