[CLAUDE] FE: HĐ move Lich su dieu chinh sang Panel 3 duoi Lich su duyet

User request: 'cho hop dong dua cac thong tin lich su dieu chinh sang
duoi lich su duyet nhen'.

ContractDetailContent (Panel 2): xoa section 'Lich su dieu chinh' (cot
3/10 grid 7/3) → Chi tiet HD gio full-width. Remove import History +
ContractChangelogsTab.

WorkflowHistoryPanel (Panel 3): them section Lich su dieu chinh duoi
Lich su duyet. Import History icon + ContractChangelogsTab. Reuse same
component, chi doi vi tri render.

Mirror fe-admin + fe-user.

fe-admin/src/components/contracts/WorkflowHistoryPanel.tsx

@@ -1,8 +1,11 @@
 // Panel 3 cho 3-panel layout — gom WorkflowSummaryCard (timeline policy) +
-// approval history (ai/khi/quyết định gì) vào 1 stack.
-import { ArrowRight, Clock } from 'lucide-react'
+// approval history (ai/khi/quyết định gì) + ContractChangelogsTab (mọi thay
+// đổi header/detail/comment/attachment/transition) vào 1 stack. Dùng cho cả
+// MyContracts 3-panel và ContractDetailPage fullpage.
+import { ArrowRight, Clock, History } from 'lucide-react'
 import { PhaseBadge } from '@/components/PhaseBadge'
 import { WorkflowSummaryCard } from '@/components/WorkflowSummaryCard'
+import { ContractChangelogsTab } from '@/components/contracts/ContractChangelogsTab'
 import type { ContractDetail } from '@/types/contracts'
 
 const fmt = (s: string) => new Date(s).toLocaleString('vi-VN')
@@ -40,6 +43,14 @@ export function WorkflowHistoryPanel({ contract: c }: { contract: ContractDetail
           ))}
         </ol>
       </section>
+
+      <section className="rounded-xl border border-slate-200 bg-white p-5 shadow-sm">
+        <h2 className="mb-3 flex items-center gap-2 text-sm font-semibold text-slate-700">
+          <History className="h-4 w-4" />
+          Lịch sử điều chỉnh
+        </h2>
+        <ContractChangelogsTab contractId={c.id} />
+      </section>
     </div>
   )
 }