From fbf7cb2d2120350bd93f4b48f853c5aa395711b0 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Fri, 30 Jan 2026 13:37:13 +0700
Subject: [PATCH] refactor(FE): Wrap table headers in styled span

---
 .../uniformity/form/UniformityPreviewForm.tsx |  8 ++++--
 .../uniformity/form/UniformityResultForm.tsx  | 28 ++++++++++++++-----
 2 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/src/components/pages/production/uniformity/form/UniformityPreviewForm.tsx b/src/components/pages/production/uniformity/form/UniformityPreviewForm.tsx
index a1f98526..3cc120fd 100644
--- a/src/components/pages/production/uniformity/form/UniformityPreviewForm.tsx
+++ b/src/components/pages/production/uniformity/form/UniformityPreviewForm.tsx
@@ -50,12 +50,16 @@ const UniformityPreviewForm = () => {
     () => [
       {
         accessorKey: 'number',
-        header: 'Number',
+        header: () => (
+          <span className='font-medium text-sm leading-[150%]'>Number</span>
+        ),
         cell: (props) => props.row.original.number,
       },
       {
         accessorKey: 'weight',
-        header: 'Weight (g)',
+        header: () => (
+          <span className='font-medium text-sm leading-[150%]'>Weight (g)</span>
+        ),
         cell: (props) => <span>{props.row.original.weight}</span>,
       },
     ],
diff --git a/src/components/pages/production/uniformity/form/UniformityResultForm.tsx b/src/components/pages/production/uniformity/form/UniformityResultForm.tsx
index 20b267f7..3cc12017 100644
--- a/src/components/pages/production/uniformity/form/UniformityResultForm.tsx
+++ b/src/components/pages/production/uniformity/form/UniformityResultForm.tsx
@@ -120,12 +120,16 @@ const UniformityResultForm = () => {
     () => [
       {
         accessorKey: 'label',
-        header: 'Label',
+        header: () => (
+          <span className='font-medium text-sm leading-[150%]'>Label</span>
+        ),
         cell: (props) => props.row.original.label,
       },
       {
         accessorKey: 'value',
-        header: 'Value',
+        header: () => (
+          <span className='font-medium text-sm leading-[150%]'>Value</span>
+        ),
         cell: (props) => <span>{props.row.original.value}</span>,
       },
     ],
@@ -160,12 +164,16 @@ const UniformityResultForm = () => {
     () => [
       {
         accessorKey: 'label',
-        header: 'Label',
+        header: () => (
+          <span className='font-medium text-sm leading-[150%]'>Label</span>
+        ),
         cell: (props) => props.row.original.label,
       },
       {
         accessorKey: 'value',
-        header: 'Value',
+        header: () => (
+          <span className='font-medium text-sm leading-[150%]'>Value</span>
+        ),
         cell: (props) => <span>{props.row.original.value}</span>,
       },
     ],
@@ -189,17 +197,23 @@ const UniformityResultForm = () => {
     () => [
       {
         accessorKey: 'number',
-        header: 'Number',
+        header: () => (
+          <span className='font-medium text-sm leading-[150%]'>Number</span>
+        ),
         cell: (props) => props.row.original.number,
       },
       {
         accessorKey: 'weight',
-        header: 'Weight (g)',
+        header: () => (
+          <span className='font-medium text-sm leading-[150%]'>Weight (g)</span>
+        ),
         cell: (props) => <span>{props.row.original.weight}</span>,
       },
       {
         accessorKey: 'status',
-        header: 'Status',
+        header: () => (
+          <span className='font-medium text-sm leading-[150%]'>Status</span>
+        ),
         cell: (props) => {
           const status = props.row.original.status;
           return status ? (