Added links to logged in page, those links still don't work.

frontend/src/components/layout/Header.tsx

@@ -19,18 +19,33 @@ export const Header = () => {
           {user ? (
             // Logged in navigation
             <nav className="flex items-center gap-6">
-              {user.is_admin && (
-                <Link to="/admin" className="text-gray-700 hover:text-primary transition-colors">
-                  Admin
+              <Link to="/sports" className="text-gray-700 hover:text-primary transition-colors">
+                Sports
+              </Link>
+              <Link to="/live" className="text-gray-700 hover:text-primary transition-colors">
+                Live
+              </Link>
+              <Link to="/new-bets" className="text-gray-700 hover:text-primary transition-colors">
+                New Bets
+              </Link>
+              <Link to="/watchlist" className="text-gray-700 hover:text-primary transition-colors">
+                Watchlist
+              </Link>
+
+              <div className="flex items-center gap-4 pl-4 border-l">
+                {user.is_admin && (
+                  <Link to="/admin" className="text-gray-700 hover:text-primary transition-colors">
+                    Admin
+                  </Link>
+                )}
+                <Link to="/my-bets" className="text-gray-700 hover:text-primary transition-colors">
+                  My Bets
                 </Link>
-              )}
-              <Link to="/my-bets" className="text-gray-700 hover:text-primary transition-colors">
-                My Bets
-              </Link>
-              <Link to="/wallet" className="flex items-center gap-2 text-gray-700 hover:text-primary transition-colors">
-                <Wallet size={18} />
-                Wallet
-              </Link>
+                <Link to="/wallet" className="flex items-center gap-2 text-gray-700 hover:text-primary transition-colors">
+                  <Wallet size={18} />
+                  Wallet
+                </Link>
+              </div>
 
               {/* Web3 Wallet Connection */}
               {isConnected ? (
@@ -51,7 +66,7 @@ export const Header = () => {
                 </button>
               )}
 
-              <div className="flex items-center gap-4 pl-6 border-l">
+              <div className="flex items-center gap-4 pl-4 border-l">
                 <Link to="/profile" className="flex items-center gap-2 text-gray-700 hover:text-primary transition-colors">
                   <User size={18} />
                   {user.display_name || user.username}