feat(08-05-interaction-pattern-unification): 统一前端交互与反馈模式

client/src/pages/PayrollPage.tsx

@@ -1,3 +1,4 @@
+import { resolveErrorMessage as resolveUserErrorMessage } from "../lib/resolveErrorMessage";
 import { useEffect, useState } from "react";
 import { Link } from "react-router-dom";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
@@ -14,8 +15,6 @@ import {
   type SalaryItemType,
 } from "../api/payroll";
 import { exportPayslips } from "../api/exports";
-import { mapApiErrorMessage } from "../api/errorMessages";
-import { isApiError } from "../api/types";
 import { PageHeader } from "../components/common/PageHeader";
 import { StatusBadge } from "../components/common/StatusBadge";
 import { Button } from "../components/ui/button";
@@ -58,10 +57,7 @@ function currentMonthString() {
 }
 
 function errorMessage(error: unknown, fallback: string) {
-  if (isApiError(error)) {
-    return `${error.code}: ${mapApiErrorMessage(error.code, error.details, error.message)}`;
-  }
-  return error instanceof Error ? error.message : fallback;
+  return resolveUserErrorMessage(error, fallback);
 }
 
 function moneyText(value: number) {