regirstation works but shared links broken

public/src/components/auth/Login.tsx

@@ -1,5 +1,5 @@
 import { useState, FormEvent } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate, Link } from 'react-router-dom';
 import { useAuthStore } from '../../stores/authStore';
 
 export function Login() {
@@ -71,6 +71,13 @@ export function Login() {
           >
             {isLoading ? 'Logging in...' : 'Login'}
           </button>
+
+          <div className="text-center mt-4">
+            <span className="text-gray-600">Don't have an account? </span>
+            <Link to="/register" className="text-blue-600 hover:text-blue-700 font-medium">
+              Register
+            </Link>
+          </div>
         </form>
       </div>
     </div>