feat(FE): Add skeleton components for closing pages

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

@@ -5,6 +5,7 @@ import useSWR from 'swr';
 import { ClosingApi } from '@/services/api/closing';
 import { isResponseSuccess } from '@/lib/api-helper';
 import { formatNumber } from '@/lib/helper';
+import ProductionDataClosingSkeleton from '@/components/pages/closing/skeleton/ProductionDataClosingSkeleton';
 
 interface ProductionDataClosingTabProps {
   projectFlockId: number;
@@ -22,18 +23,16 @@ const ProductionDataClosingTab = ({
   );
 
   if (isLoading) {
-    return (
-      <div className='w-full flex justify-center py-8'>
-        <span className='loading loading-spinner loading-lg' />
-      </div>
-    );
+    return <ProductionDataClosingSkeleton />;
   }
 
   if (!productionData || !isResponseSuccess(productionData)) {
     return (
-      <div className='w-full text-center py-8 text-gray-500'>
-        Gagal memuat data produksi.
-      </div>
+      <ProductionDataClosingSkeleton
+        iconName='heroicons:exclamation-circle'
+        title='Gagal Memuat Data Produksi'
+        subtitle='Terjadi kesalahan saat memuat data produksi. Silakan coba lagi.'
+      />
     );
   }