add parsing and displaying of transactions

components/Overview/Overview.jsx

@@ -0,0 +1,16 @@
+import React from "react";
+import styles from "./Overview.module.sass";
+
+export default function Overview(props) {
+  const accounts = [...new Set(props.transactions.map((txn) => {
+    return txn.parts.map((part) => {
+      return part.account;
+    });
+  }).flat())];
+console.log(accounts)
+  return <div className={styles.overview_card}>
+    <pre>
+        {JSON.stringify(props.stats, null, 2)}
+    </pre>
+  </div>;
+}

components/Overview/Overview.module.sass

@@ -0,0 +1,9 @@
+.overview_card
+    border-radius: var(--card-radius)
+    background-color: var(--color-white)
+    margin: 10px
+    padding: 20px
+    width: 36%
+    height: 20vh
+    font-family: "Montserrat"
+    font-weight: 300