Index: frontend/src/pages/Nav.tsx
===================================================================
--- frontend/src/pages/Nav.tsx	(revision 591919dcbfc8cdaa28d9cb3a0ab779f85b9a104f)
+++ frontend/src/pages/Nav.tsx	(revision ebdd3d48efef8374b874c7bf90d571fa73c18f19)
@@ -105,5 +105,5 @@
 									<div className="absolute right-0 mt-2 w-48 bg-gray-700 rounded-lg shadow-lg py-1 z-50">
 										<Link
-											to="#"
+											to="/me"
 											className="block px-4 py-2 text-sm text-white hover:bg-gray-600 transition-colors"
 											onClick={() => setIsDropdownOpen(false)}
Index: frontend/src/pages/UserDetail.tsx
===================================================================
--- frontend/src/pages/UserDetail.tsx	(revision 591919dcbfc8cdaa28d9cb3a0ab779f85b9a104f)
+++ frontend/src/pages/UserDetail.tsx	(revision ebdd3d48efef8374b874c7bf90d571fa73c18f19)
@@ -5,4 +5,5 @@
 import ListenerView from "../components/userProfile/ListenerView";
 import UserListModal from "../components/userProfile/UserListModal";
+import { useAuth } from "../context/authContext";
 import { handleError } from "../utils/error";
 import type {
@@ -35,5 +36,7 @@
 	// user refers to the selected user NOT to the user from context
 	const baseURL = import.meta.env.VITE_API_BASE_URL;
-	const { username } = useParams();
+	const { username: usernameParam } = useParams();
+	// sintaksava dole znaci zemi go user od auth context i preimenuvaj go vo currentUser, za da ne se izmesa so user-ot dole
+	const { user: currentUser } = useAuth();
 	const navigate = useNavigate();
 	const [user, setUser] = useState<UserProfile | null>(null);
@@ -44,4 +47,23 @@
 	const [isLoadingModal, setIsLoadingModal] = useState(false);
 	const [isFollowing, setIsFollowing] = useState(false);
+
+	// determine which username to use: URL param or current user's username
+	const username = usernameParam || currentUser?.username;
+
+	// if we're on /me route and no user is logged in, show error
+	if (!usernameParam && !currentUser) {
+		return (
+			<div className="p-6 bg-red-50 border border-red-200 text-red-700 rounded-lg">
+				<h2 className="font-bold">Authentication Required</h2>
+				<p>You must be logged in to view your profile.</p>
+				<button
+					onClick={() => navigate("/login")}
+					className="mt-4 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition-colors duration-200 cursor-pointer"
+				>
+					Go to Login
+				</button>
+			</div>
+		);
+	}
 
 	const handleFollow = async () => {