feat: add captcha support for user login and enhance user profile page

- Refactored userLogin function to include captcha handling.
- Introduced getCaptchaConfig API to fetch captcha configuration.
- Added Captcha component to handle different captcha providers (hCaptcha, reCaptcha, Turnstile).
- Updated LoginForm component to integrate captcha verification.
- Created UserProfile component to display user information with avatar.
- Implemented getUserByUsername API to fetch user details by username.
- Removed deprecated LoginRequest interface from user model.
- Enhanced navbar and layout with animation effects.
- Removed unused user page component and added dynamic user profile routing.
- Updated localization files to include captcha-related messages.
- Improved Gravatar component for better avatar handling.

web/src/app/(main)/u/[username]/page.tsx

@@ -0,0 +1,27 @@
+"use client"
+import { getUserByUsername } from "@/api/user";
+import { UserPage } from "@/components/user";
+import { User } from "@/models/user";
+import { useParams } from "next/navigation";
+import { useEffect, useState } from "react";
+
+export default function Page() {
+  const { username } = useParams() as { username: string };
+  const [user,setUser] = useState<User | null>(null);
+
+  useEffect(() => {
+    getUserByUsername(username).then(res => {
+        setUser(res.data);
+    });
+  },[username]);
+
+  if (!user) {
+    return <div>Loading...</div>;
+  }
+
+  return (
+    <div>
+      <UserPage user={user} />
+    </div>
+  )
+}