feat(notifications): add notification system and wire order/dispute events

app/(account)/settings/page.tsx

@@ -17,7 +17,15 @@ import type { UserRole } from "@/lib/types"
 import { useAuthStore } from "@/store/auth"
 
 export default function SettingsPage() {
-  const { currentRole, verifiedRoles, switchRole, user, updateProfile } = useAuthStore()
+  const {
+    currentRole,
+    verifiedRoles,
+    switchRole,
+    user,
+    updateProfile,
+    notificationPrefs,
+    setNotificationPref,
+  } = useAuthStore()
   const [nickname, setNickname] = useState(user?.nickname ?? "")
   const [bio, setBio] = useState(user?.bio ?? "")
   const [avatar, setAvatar] = useState(user?.avatar ?? "")
@@ -26,7 +34,7 @@ export default function SettingsPage() {
   const isRoleVerified = (role: UserRole) => verifiedRoles.includes(role)
 
   return (
-    <div className="max-w-2xl space-y-6">
+    <div className="max-w-2xl mx-auto space-y-6">
       <h1 className="text-2xl font-bold">个人设置</h1>
 
       <Card>
@@ -176,7 +184,10 @@ export default function SettingsPage() {
               <p className="text-sm font-medium">订单通知</p>
               <p className="text-xs text-muted-foreground">接单、完成、争议等状态变更</p>
             </div>
-            <Switch defaultChecked />
+            <Switch
+              checked={notificationPrefs.order}
+              onCheckedChange={(checked) => setNotificationPref("order", checked)}
+            />
           </div>
           <Separator />
           <div className="flex items-center justify-between">
@@ -184,7 +195,10 @@ export default function SettingsPage() {
               <p className="text-sm font-medium">社区通知</p>
               <p className="text-xs text-muted-foreground">点赞、评论、关注</p>
             </div>
-            <Switch defaultChecked />
+            <Switch
+              checked={notificationPrefs.community}
+              onCheckedChange={(checked) => setNotificationPref("community", checked)}
+            />
           </div>
           <Separator />
           <div className="flex items-center justify-between">
@@ -192,7 +206,10 @@ export default function SettingsPage() {
               <p className="text-sm font-medium">系统通知</p>
               <p className="text-xs text-muted-foreground">平台公告、活动推送</p>
             </div>
-            <Switch />
+            <Switch
+              checked={notificationPrefs.system}
+              onCheckedChange={(checked) => setNotificationPref("system", checked)}
+            />
           </div>
         </CardContent>
       </Card>