refactor(FE): Refactor folder structure for closing-related components

src/components/pages/closing/ClosingDetail.tsx

@@ -6,17 +6,17 @@ import { Icon } from '@iconify/react';
 import Button from '@/components/Button';
 import Tabs from '@/components/Tabs';
 import ClosingGeneralInformationTable from '@/components/pages/closing/ClosingGeneralInformationTable';
-import ClosingSapronakTabContent from '@/components/pages/closing/ClosingSapronakTabContent';
-import ClosingProductionDataTabContent from '@/components/pages/closing/ClosingProductionDataTabContent';
+import ClosingSapronakTabContent from '@/components/pages/closing/tab/ClosingSapronakTabContent';
+import ClosingProductionDataTabContent from '@/components/pages/closing/tab/ClosingProductionDataTabContent';
 
 import {
   ClosingGeneralInformation,
   BaseClosingSales,
   ClosingHppExpedition,
 } from '@/types/api/closing';
-import ClosingSapronakCalculationTabContent from '@/components/pages/closing/ClosingSapronakCalculationTabContent';
-import ClosingOverheadTabContent from '@/components/pages/closing/ClosingOverheadTabContent';
-import ClosingFinanceTabContent from '@/components/pages/closing/ClosingFinanceTabContent';
+import ClosingSapronakCalculationTabContent from '@/components/pages/closing/tab/ClosingSapronakCalculationTabContent';
+import ClosingOverheadTabContent from '@/components/pages/closing/tab/ClosingOverheadTabContent';
+import ClosingFinanceTabContent from '@/components/pages/closing/tab/ClosingFinanceTabContent';
 import SalesReportTable from '@/components/pages/closing/sale/SalesReportTable';
 import HppExpeditionReportTable from './hpp-ekspedisi/HppExpeditionReportTable';
 import ClosingKandangList from '@/components/pages/closing/ClosingKandangList';
@@ -96,7 +96,7 @@ const ClosingDetail: React.FC<ClosingDetailProps> = ({
 
   return (
     <>
-      <section className='w-full max-w-7xl pb-16'>
+      <section className='w-full'>
         <header className='flex flex-col gap-4'>
           <Button
             href={

src/components/pages/closing/ClosingsTable.tsx

@@ -212,7 +212,7 @@ const ClosingsTable = () => {
 
   return (
     <>
-      <div className='w-full p-0 sm:p-4'>
+      <div className='w-full p-0'>
         <div className='flex flex-col gap-2 mb-4'>
           <div className='flex flex-col gap-2 mb-4'>
             <div className='w-full flex flex-col sm:flex-row justify-end items-end sm:items-center gap-4'>

src/components/pages/closing/tab/ClosingFinanceTabContent.tsx

@@ -1,4 +1,4 @@
-import ClosingFinanceTable from '@/components/pages/closing/ClosingFinanceTable';
+import ClosingFinanceTable from '@/components/pages/closing/finance/ClosingFinanceTable';
 
 const ClosingFinanceTabContent = ({
   projectFlockId,

src/components/pages/closing/tab/ClosingOverheadTabContent.tsx

@@ -1,4 +1,4 @@
-import ClosingOverheadTable from '@/components/pages/closing/ClosingOverheadTable';
+import ClosingOverheadTable from '@/components/pages/closing/overhead/ClosingOverheadTable';
 import { ClosingGeneralInformation } from '@/types/api/closing';
 import { ProjectFlockKandang } from '@/types/api/production/project-flock-kandang';
 

src/components/pages/closing/tab/ClosingSapronakCalculationTabContent.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import ClosingSapronakCalculationTable from '@/components/pages/closing/ClosingSapronakCalculationTable';
+import ClosingSapronakCalculationTable from '@/components/pages/closing/sapronak-calculation/ClosingSapronakCalculationTable';
 import { ClosingGeneralInformation } from '@/types/api/closing';
 
 interface ClosingSapronakCalculationTabContentProps {

src/components/pages/closing/tab/ClosingSapronakTabContent.tsx

@@ -1,9 +1,9 @@
 'use client';
 
-import ClosingIncomingSapronaksTable from '@/components/pages/closing/ClosingIncomingSapronaksTable';
-import ClosingOutgoingSapronaksTable from '@/components/pages/closing/ClosingOutgoingSapronaksTable';
-import ClosingIncomingSapronaksSummaryTable from '@/components/pages/closing/ClosingIncomingSapronaksSummaryTable';
-import ClosingOutgoingSapronaksSummaryTable from './ClosingOutgoingSapronaksSummaryTable';
+import ClosingIncomingSapronaksTable from '@/components/pages/closing/sapronak/ClosingIncomingSapronaksTable';
+import ClosingOutgoingSapronaksTable from '@/components/pages/closing/sapronak/ClosingOutgoingSapronaksTable';
+import ClosingIncomingSapronaksSummaryTable from '@/components/pages/closing/sapronak/ClosingIncomingSapronaksSummaryTable';
+import ClosingOutgoingSapronaksSummaryTable from '../sapronak/ClosingOutgoingSapronaksSummaryTable';
 
 interface ClosingSapronakTableProps {
   projectFlockId?: number;