重构client，拆分组件

app/aweme/[awemeId]/hooks/useCommentState.ts

@@ -0,0 +1,30 @@
+import { useEffect, useState } from "react";
+import { getStringFromStorage, saveToStorage } from "../utils";
+
+export function useCommentState() {
+  const [open, setOpen] = useState(false);
+  const [mounted, setMounted] = useState(false);
+
+  // 从 localStorage 恢复评论区状态
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const saved = getStringFromStorage("aweme_player_comments_open", "false");
+    if (saved === "true") {
+      setOpen(true);
+    }
+    // 短暂延迟后标记为已挂载，启用动画
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        setMounted(true);
+      });
+    });
+  }, []);
+
+  // 持久化评论区状态
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    saveToStorage("aweme_player_comments_open", open.toString());
+  }, [open]);
+
+  return { open, setOpen, mounted };
+}