feat: info page redesign (#207)

* feat: info page redesign

* style: headers and nesting for expandable lists

* style: body typography

* chore: bee version check

* feat: key list item component

* style: hover state for the key displaying component

* style: left border on expanded items

* fix: word break and splitting for hexstrings divisible by 6

* chore: moved the styles to classes

* style: tooltips now have arrow

* feat: indicate value has been copied

* feat: removed the connectivity table in favor of info page

* feat: added health tooltips for connectivity

* refactor: simplified the topology into single component

* fix: spacing between the bee version and the update button/chip

* fix: spacing on devices not supporting rowGap

src/routes.tsx

@@ -6,7 +6,6 @@ import { Route } from 'react-router-dom'
 import Info from './pages/info'
 import Status from './pages/status'
 import Files from './pages/files'
-import Peers from './pages/peers'
 import Accounting from './pages/accounting'
 import Settings from './pages/settings'
 import Stamps from './pages/stamps'
@@ -14,7 +13,6 @@ import Stamps from './pages/stamps'
 export enum ROUTES {
   INFO = '/',
   FILES = '/files',
-  PEERS = '/peers',
   ACCOUNTING = '/accounting',
   SETTINGS = '/settings',
   STAMPS = '/stamps',
@@ -25,7 +23,6 @@ const BaseRouter = (): ReactElement => (
   <Switch>
     <Route exact path={ROUTES.INFO} component={Info} />
     <Route exact path={ROUTES.FILES} component={Files} />
-    <Route exact path={ROUTES.PEERS} component={Peers} />
     <Route exact path={ROUTES.ACCOUNTING} component={Accounting} />
     <Route exact path={ROUTES.SETTINGS} component={Settings} />
     <Route exact path={ROUTES.STAMPS} component={Stamps} />