refactor(FE): Refactor code formatting for consistency and readability

src/app/closing/detail/page.tsx

@@ -49,8 +49,7 @@ const ClosingDetailPage = () => {
     return;
   }
 
-  const isLoading =
+  const isLoading = isLoadingClosing || isLoadingProject || isLoadingKandang;
-    isLoadingClosing || isLoadingProject || isLoadingKandang;
 
   return (
     <div className='w-full p-4 flex flex-row justify-center'>

src/components/pages/closing/ClosingDetailTabs.tsx

@@ -9,9 +9,7 @@ import ClosingGeneralInformationTable from '@/components/pages/closing/table/Clo
 import SapronakClosingTab from '@/components/pages/closing/tab/SapronakClosingTab';
 import ProductionDataClosingTab from '@/components/pages/closing/tab/ProductionDataClosingTab';
 
-import {
+import { ClosingGeneralInformation } from '@/types/api/closing';
-  ClosingGeneralInformation,
-} from '@/types/api/closing';
 import SapronakCalculationClosingTab from '@/components/pages/closing/tab/SapronakCalculationClosingTab';
 import OverheadClosingTab from '@/components/pages/closing/tab/OverheadClosingTab';
 import FinanceClosingTab from '@/components/pages/closing/tab/FinanceClosingTab';

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

@@ -4,14 +4,10 @@ interface SalesClosingTabProps {
   projectFlockId: number;
 }
 
-const SalesClosingTab = ({
+const SalesClosingTab = ({ projectFlockId }: SalesClosingTabProps) => {
-  projectFlockId,
-}: SalesClosingTabProps) => {
   return (
     <div className='flex flex-col gap-4'>
-      {projectFlockId && (
+      {projectFlockId && <SalesClosingTable projectFlockId={projectFlockId} />}
-        <SalesClosingTable projectFlockId={projectFlockId} />
-      )}
     </div>
   );
 };

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

@@ -22,9 +22,7 @@ interface SalesClosingTableProps {
   projectFlockId: number;
 }
 
-const SalesClosingTable = ({
+const SalesClosingTable = ({ projectFlockId }: SalesClosingTableProps) => {
-  projectFlockId,
-}: SalesClosingTableProps) => {
   const searchParams = useSearchParams();
   const kandangId = searchParams.get('kandangId');
 
@@ -34,10 +32,7 @@ const SalesClosingTable = ({
       : `/closing/sales/${projectFlockId}`,
     () =>
       kandangId
-        ? ClosingApi.getPenjualanByKandang(
+        ? ClosingApi.getPenjualanByKandang(projectFlockId, Number(kandangId))
-            projectFlockId,
-            Number(kandangId)
-          )
         : ClosingApi.getPenjualan(projectFlockId)
   );