[CLAUDE] FE-User: PE Danh sách disable interactions mirror fe-admin

Mirror commit `7dfeb1a` cho fe-user (rule §3.9 duplicate có chủ đích).
PurchaseEvaluationsListPage readOnly=true cho PeDetailTabs + readOnly={!pendingMe}
cho PeWorkflowPanel. PeWorkflowPanel thêm prop readOnly hide Chuyển tiếp.

UAT mode: skip verify, push ngay.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

fe-user/src/components/pe/PeWorkflowPanel.tsx

@@ -22,7 +22,14 @@ import {
 } from '@/types/purchaseEvaluation'
 import { PeApprovalsSection, PeHistorySection } from './PeDetailTabs'
 
-export function PeWorkflowPanel({ evaluation }: { evaluation: PeDetailBundle }) {
+export function PeWorkflowPanel({
+  evaluation,
+  readOnly = false,
+}: {
+  evaluation: PeDetailBundle
+  /** true = ẩn Chuyển tiếp + Dialog transition (dùng cho Danh sách, không dùng Duyệt). */
+  readOnly?: boolean
+}) {
   const [target, setTarget] = useState<number | null>(null)
   const [comment, setComment] = useState('')
   const qc = useQueryClient()
@@ -92,7 +99,7 @@ export function PeWorkflowPanel({ evaluation }: { evaluation: PeDetailBundle })
           })}
       </ol>
 
-      {next.length > 0 && (
+      {next.length > 0 && !readOnly && (
         <div>
           <Label className="text-xs">Chuyển tiếp:</Label>
           <div className="mt-1 flex flex-wrap gap-1.5">
@@ -113,6 +120,11 @@ export function PeWorkflowPanel({ evaluation }: { evaluation: PeDetailBundle })
           </div>
         </div>
       )}
+      {readOnly && next.length > 0 && (
+        <div className="rounded border border-dashed border-slate-200 px-3 py-2 text-[11px] text-slate-500">
+          Vào menu &ldquo;Duyệt&rdquo; để chuyển phase.
+        </div>
+      )}
 
       {target !== null && (
         <Dialog