feat: initial Proof of Concept UI (#1)

* initial dashboard layout

* add node status card

* add accounting section, pull peer data

* add file functionality with bee-js,  first iteration of accounts page

* Add balances and chequebook table

* add blockie / identicon for addresses

* add basic settlements table

* implement theme overrides

* cleanup logging

* Add troubleshooting block

* add initial dark theme support, add copy to clipboard, QR code support

* show active element on sidebar

* remove duplicate status page and make status page index

* Update package.json

Co-authored-by: Vojtech Simetka <vojtech@simetka.cz>

* Update public/index.html

Co-authored-by: Vojtech Simetka <vojtech@simetka.cz>

* Update src/pages/accounting/AccountCard.tsx

Co-authored-by: Vojtech Simetka <vojtech@simetka.cz>

* change bee api client to use beeJS library

* add initial setup workflow

* breakout ethereum address component, define initial setup workflow

* add types to responses, add additional node troubleshooting info to workflow

* make setup steps nonlinear and interactive

* make host endpoint dynamic on setup

* split out api calls into custom hooks, add component loading indicators

* add depost / withdrawl functionality, show transactions in BZZ

* add multiOS code support troubleshooting, check for balance in chequebook on setup

* add ability to change apis in settings page

* show file loading status

* Style active sidebar item

* reload on theme change

* modify troubleshooting verbage, add cashout functionality and details,

* facilitate file upload with beeJS

* update readme to show UI samples

* remove nnPeersWatermark from peers page

* split node steps into separate components, make status page visible at anytime

* minor UI/UX enhancements

* format accounting page

* remove WIP wallet connection code

* Update src/components/CashoutModal.tsx

Co-authored-by: Vojtech Simetka <vojtech@simetka.cz>

* use bigint for deposits/withdrawls

* revise status card

* clean up unused imports and variables

* add api status to sidebar

* obfuscate pages with troubleshooting component when apis not connected

* add localhost OS detection for troubleshooting code

* cleanup extra logos

* monospace BZZ in tables

* hide troubleshooting page while loading API status

* Remove ability to remove peers

* add null types to API responses

Co-authored-by: Vojtech Simetka <vojtech@simetka.cz>

src/routes/routes.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Switch } from 'react-router-dom';
+
+import AppRoute from './AppRoute';
+
+// layouts
+import Dashboard from '../layout/Dashboard';
+
+// pages
+import Status from '../pages/status/index';
+import Files from '../pages/files/index';
+import Peers from '../pages/peers/index';
+import Accounting from '../pages/accounting/index';
+import Settings from '../pages/settings/index';
+
+
+const BaseRouter = (props: any) => (
+    <Switch>
+        <AppRoute exact path='/' layout={ Dashboard } component={Status}/>
+        <AppRoute exact path='/files/' layout={ Dashboard } component={Files}/>
+        <AppRoute exact path='/peers/' layout={ Dashboard } component={Peers}/>
+        <AppRoute exact path='/accounting/' layout={ Dashboard } component={Accounting}/>
+        <AppRoute exact path='/settings/' layout={ Dashboard } component={Settings}/>
+    </Switch>
+);
+
+export default BaseRouter;