feat: 更新验证码组件，添加 onAbort 处理，优化错误状态显示

web/src/components/user/user-profile.tsx

@@ -1,13 +1,11 @@
 "use client"
-import { getUserByUsername } from "@/api/user";
 import { User } from "@/models/user";
-import { useEffect, useState } from "react";
-import { getGravatarByUser } from "../common/gravatar";
+import GravatarAvatar from "@/components/common/gravatar";
 
 export function UserProfile({ user }: { user: User }) {
   return (
     <div className="flex">
-      {getGravatarByUser({user,className: "rounded-full mr-4"})}
+      <GravatarAvatar email={user.email} size={120}/>
     </div>
   );
 }