refactor(FE): Refactor Card and SapronakClosingSkeleton components for

readability

src/components/pages/closing/table/OverheadClosingTable.tsx

@@ -274,8 +274,8 @@ const OverheadClosingTable = ({
               <div className='flex flex-col flex-1 gap-1.5'>
                 <div className='flex flex-row gap-1.5 text-center items-center justify-center font-medium'>
                   Populasi Akhir KANDANG{' '}
-                    <Icon icon='heroicons:x-mark' className='inline' />{' '}
+                  <Icon icon='heroicons:x-mark' className='inline' /> Pemakaian
-                    Pemakaian Di FARM
+                  Di FARM
                 </div>
                 <hr className='w-full h-fit m-0 p-0 text-base-content/65' />
                 <div className='flex flex-row gap-1.5 text-center items-center justify-center font-medium'>

src/components/pages/closing/table/sapronak/IncomingSapronaksSummaryTable.tsx

@@ -133,7 +133,10 @@ const ClosingIncomingSapronaksSummaryTable = ({
       >
         <div className='w-full p-0'>
           {isLoadingIncomingSapronakSummaries ? (
-            <SapronakClosingSkeleton type='incoming' columns={incomingSapronaksColumns} />
+            <SapronakClosingSkeleton
+              type='incoming'
+              columns={incomingSapronaksColumns}
+            />
           ) : isResponseSuccess(incomingSapronakSummaries) &&
             incomingSapronakSummaries.data.length === 0 ? (
             <SapronakClosingSkeleton

src/components/pages/closing/table/sapronak/IncomingSapronaksTable.tsx

@@ -169,7 +169,10 @@ const ClosingIncomingSapronaksTable = ({
           </div>
 
           {isLoadingIncomingSapronaks ? (
-            <SapronakClosingSkeleton type='incoming' columns={incomingSapronaksColumns} />
+            <SapronakClosingSkeleton
+              type='incoming'
+              columns={incomingSapronaksColumns}
+            />
           ) : isResponseSuccess(incomingSapronaks) &&
             incomingSapronaks.data.length === 0 ? (
             <SapronakClosingSkeleton

src/components/pages/closing/table/sapronak/OutgoingSapronaksSummaryTable.tsx

@@ -133,7 +133,10 @@ const ClosingOutgoingSapronaksSummaryTable = ({
       >
         <div className='w-full p-0'>
           {isLoadingOutgoingSapronakSummaries ? (
-            <SapronakClosingSkeleton type='outgoing' columns={outgoingSapronaksColumns} />
+            <SapronakClosingSkeleton
+              type='outgoing'
+              columns={outgoingSapronaksColumns}
+            />
           ) : isResponseSuccess(outgoingSapronakSummaries) &&
             outgoingSapronakSummaries.data.length === 0 ? (
             <SapronakClosingSkeleton

src/components/pages/closing/table/sapronak/OutgoingSapronaksTable.tsx

@@ -169,7 +169,10 @@ const ClosingOutgoingSapronaksTable = ({
           </div>
 
           {isLoadingOutgoingSapronaks ? (
-            <SapronakClosingSkeleton type='outgoing' columns={outgoingSapronaksColumns} />
+            <SapronakClosingSkeleton
+              type='outgoing'
+              columns={outgoingSapronaksColumns}
+            />
           ) : isResponseSuccess(outgoingSapronaks) &&
             outgoingSapronaks.data.length === 0 ? (
             <SapronakClosingSkeleton