refactor(FE-344): Add Cost of Revenue Expedition table

src/components/pages/closing/ClosingDetail.tsx

@@ -10,20 +10,24 @@ import ClosingGeneralInformationTable from '@/components/pages/closing/ClosingGe
 import {
   ClosingGeneralInformation,
   BaseClosingSales,
+  BaseClosingCostOfRevenueExpedition,
 } from '@/types/api/closing';
 import ClosingSapronakTabContent from './ClosingSapronakTabContent';
 import SalesReportTable from './sale/SalesReportTable';
+import CostOfRevenueExpeditionReportTable from './hpp-ekspedisi/CostOfRevenueExpeditionReportTable';
 
 interface ClosingDetailProps {
   id: number;
   initialValue?: ClosingGeneralInformation;
   salesData?: BaseClosingSales;
+  costOfRevenueExpeditionData?: BaseClosingCostOfRevenueExpedition;
 }
 
 const ClosingDetail: React.FC<ClosingDetailProps> = ({
   id,
   initialValue,
   salesData,
+  costOfRevenueExpeditionData,
 }) => {
   const [activeTab, setActiveTab] = useState<string>('sapronak');
 
@@ -52,7 +56,11 @@ const ClosingDetail: React.FC<ClosingDetailProps> = ({
       {
         id: 'hppEkspedisi',
         label: 'HPP Ekspedisi',
-        content: 'HPP Ekspedisi',
+        content: (
+          <CostOfRevenueExpeditionReportTable
+            initialValues={costOfRevenueExpeditionData}
+          />
+        ),
       },
       {
         id: 'dataProduksi',