perf: defer home page styles

src/features/profile/ProfilePage.tsx

@@ -17,7 +17,7 @@ import {
   ShareAltOutlined,
   UserOutlined,
 } from "@ant-design/icons";
-import { useEffect, useRef, useState, type ChangeEvent, type FormEvent } from "react";
+import { useEffect, useMemo, useRef, useState, type ChangeEvent, type FormEvent } from "react";
 import "../../styles/pages/profile.css";
 import { aiGenerationClient } from "../../api/aiGenerationClient";
 import { assetClient } from "../../api/assetClient";
@@ -255,8 +255,14 @@ function ProfilePage({
   const [bioStatusNotice, setBioStatusNotice] = useState<string | null>(null);
   const [bannerUrl, setBannerUrl] = useState(() => session?.user.backgroundUrl || readLocalProfileValue(userId, "background"));
 
-  const completedTasks = tasks.filter((task) => task.status === "completed");
-  const visibleWorks = completedTasks.length ? completedTasks : tasks.slice(0, 6);
+  const completedTasks = useMemo(
+    () => tasks.filter((task) => task.status === "completed"),
+    [tasks],
+  );
+  const visibleWorks = useMemo(
+    () => (completedTasks.length ? completedTasks : tasks.slice(0, 6)),
+    [completedTasks, tasks],
+  );
   const totalBalance = usage.balanceCents + (session?.user.enterpriseBalanceCents || 0);
   const packageLabel = session?.user.activePackages?.[0]?.name || "按量积分";
   const avatarUrl = session?.user.avatarUrl || localAvatarUrl || null;