[feat] adapt steam store + adjust dark mode styles

src/app/(main)/preference/general/page.tsx

@@ -1,12 +1,18 @@
 "use client"
 import { appStore } from "@/store/app"
+import { useEffect } from "react"
 import { useSnapshot } from "valtio"
 
 export default function Page() {
+  useEffect(() => {
+    ;async () => {
+      appStore.start()
+    }
+  }, [])
   const app = useSnapshot(appStore.state)
 
   return (
-    <div className="flex flex-col gap-3 items-start pt-2 pb-1">
+    <div className="flex flex-col items-start gap-3 pt-2 pb-1">
       <p>版本号：{app.version}</p>
       <p>是否有更新：{app.hasUpdate ? "有" : "无"}</p>
       <p>初始化：{app.inited ? "是" : "否"}</p>

src/app/(main)/preference/path/page.tsx

@@ -1,8 +1,15 @@
 "use client"
-import SteamStore from "@/store/steam"
+import { currentUser, steamStore } from "@/store/steam"
+import { useEffect } from "react"
+import { useSnapshot } from "valtio"
 
 export default function Page() {
-  const steam = SteamStore()
+  useEffect(() => {
+    ;async () => {
+      steamStore.start()
+    }
+  }, [])
+  const steam = useSnapshot(steamStore.state)
 
   return (
     <div className="flex flex-col items-start gap-3 pt-2 pb-1">
@@ -10,7 +17,7 @@ export default function Page() {
       <p>游戏路径：{steam.csDir}</p>
       <p>Steam路径有效：{steam.isDirValid ? "是" : "否"}</p>
       <p>游戏路径有效：{steam.isCsDirValid ? "是" : "否"}</p>
-      <p>Steam账号：{steam.currentUser().accountName}</p>
+      <p>Steam账号：{currentUser().accountName}</p>
     </div>
   )
 }