update transaction detail

src/pages/transaction/approval-transaction/ApprovalTransaction.tsx

@@ -0,0 +1,31 @@
+import { Container, DataGridInner } from '@/components';
+import { ApprovalTransactionProvider } from './hooks/ApprovalTransactionContext';
+import { Breadcrumbs, Link } from '@mui/material';
+
+const ApprovalTransaction = () => {
+  return (
+    <ApprovalTransactionProvider>
+      <Container className="mb-7">
+        <h1 className="text-xl font-medium leading-none text-gray-900 mb-5">TRANSACTION</h1>
+        <Breadcrumbs sx={{ mb: 2 }}>
+          <Link underline="none" color="inherit" href="/">
+            <span className="text-sm hover:underline">Dashboard</span>
+          </Link>
+
+          <Link underline="none" color="inherit">
+            <span className="text-sm">Transaction</span>
+          </Link>
+
+          <Link underline="none" color="inherit">
+            <span className="text-sm">Approval Transaction</span>
+          </Link>
+        </Breadcrumbs>
+        <div className="grid gap-5 lg:gap-7.5">
+          <DataGridInner />
+        </div>
+      </Container>
+    </ApprovalTransactionProvider>
+  );
+};
+
+export default ApprovalTransaction;