feat(FE-208): add refetchData prop to PurchaseOrderDetail and related forms for improved data synchronization

src/app/purchase/detail/page.tsx

@@ -12,7 +12,7 @@ const PurchaseDetail = () => {
 
   const purchaseId = searchParams.get('purchaseId');
 
-  const { data: purchase, isLoading: isLoadingPurchase } = useSWR(
+  const { data: purchase, isLoading: isLoadingPurchase, mutate: mutatePurchase } = useSWR(
     purchaseId,
     (id: number) => PurchaseApi.getSingle(id)
   );
@@ -40,7 +40,11 @@ const PurchaseDetail = () => {
         </div>
       )}
       {!isLoadingPurchase && isResponseSuccess(purchase) && (
-        <PurchaseOrderDetail type='detail' initialValues={purchase.data} />
+        <PurchaseOrderDetail
+          type='detail'
+          initialValues={purchase.data}
+          refetchData={mutatePurchase}
+        />
       )}
     </div>
   );