feat: bill Drawer.

client/src/containers/Drawers/BillDrawer/BillDrawerProvider.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import intl from 'react-intl-universal';
 import { DrawerHeaderContent, DashboardInsider } from 'components';
+import { useBillLocatedLandedCost } from 'hooks/query';
 
 const BillDrawerContext = React.createContext();
 
@@ -8,10 +9,18 @@ const BillDrawerContext = React.createContext();
  * Bill drawer provider.
  */
 function BillDrawerProvider({ billId, ...props }) {
+  // Handle fetch bill located landed cost transaction.
+  const { isLoading: isLandedCostLoading, data: transactions } =
+    useBillLocatedLandedCost(billId, {
+      enabled: !!billId,
+    });
+
   //provider.
-  const provider = {};
+  const provider = {
+    transactions,
+  };
   return (
-    <DashboardInsider>
+    <DashboardInsider loading={isLandedCostLoading}>
       <DrawerHeaderContent
         name="bill-drawer"
         title={intl.get('bill_details')}