Fix web routing

web/app/login/page.js

@@ -1,5 +1,6 @@
 "use client";
 
+import Link from "next/link";
 import { useState } from "react";
 import { useRouter } from "next/navigation";
 import { useAuth } from "@/context/AuthContext";
@@ -64,10 +65,10 @@ export default function LoginPage() {
             {loading ? "Logging in…" : "Log In"}
           </button>
         </form>
-
+        
         <p className="auth-switch">
           Don&apos;t have an account?{" "}
-          <a href="/register" className="auth-switch-link">Register here</a>
+          <Link href="/register" className="auth-switch-link">Register here</Link>
         </p>
       </div>
     </main>