feat: cashing out for each peer and single page accounting (#69)

* refactor: simplified accounting, removed cashing out

* feat: load uncashed amounts for all pears that have settlement

* feat: added cashout button

* refactor: changed accounting to work with current version of bee

* chore: addressed PR review comments

* chore: simplified the uncashed expression in balance table

src/pages/accounting/PeerDetail.tsx

@@ -0,0 +1,23 @@
+import type { ReactElement } from 'react'
+import { Typography } from '@material-ui/core'
+
+function truncStringPortion(str: string, firstCharCount = 10, endCharCount = 10) {
+  return `${str.substring(0, firstCharCount)}...${str.substring(str.length - endCharCount, str.length)}`
+}
+
+interface Props {
+  peerId: string
+}
+
+export default function PeerDetail(props: Props): ReactElement {
+  return (
+    <Typography
+      variant="button"
+      style={{
+        fontFamily: 'monospace, monospace',
+      }}
+    >
+      {truncStringPortion(props.peerId)}
+    </Typography>
+  )
+}