added bintransactions component and function for the transaction api to get transaction involving a given object

src/bin/BinTransactions.tsx

@@ -0,0 +1,24 @@
+import { Box } from "@mui/material";
+import { Bin } from "models";
+import { pond } from "protobuf-ts/pond";
+import { useEffect, useState } from "react";
+
+interface Props {
+  bin: Bin
+}
+
+export default function BinTransactions(props: Props){
+  const { bin } = props
+  const [state, setState] = useState<pond.TransactionState>(pond.TransactionState.TRANSACTION_STATE_PENDING)
+  
+  useEffect(()=>{
+    // load transactions for bin with matching state (pending is default)
+    
+  },[state, bin])
+
+  return (
+    <Box>
+      {/*  */}
+    </Box>
+  )
+}