feat: bee provider caching the state of the app and refreshing periodically (#172)

* feat: bee provider caching the state of the app and refreshing periodically

* chore: added error handling

src/pages/stamps/index.tsx

@@ -7,8 +7,8 @@ import TroubleshootConnectionCard from '../../components/TroubleshootConnectionC
 import CreatePostageStampModal from './CreatePostageStampModal'
 import LastUpdate from '../../components/LastUpdate'
 
-import { useApiHealth, useDebugApiHealth } from '../../hooks/apiHooks'
 import { Context } from '../../providers/Stamps'
+import { Context as BeeContext } from '../../providers/Bee'
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
@@ -32,8 +32,7 @@ const useStyles = makeStyles((theme: Theme) =>
 export default function Accounting(): ReactElement {
   const classes = useStyles()
 
-  const { health, isLoadingHealth } = useApiHealth()
-  const { nodeHealth, isLoadingNodeHealth } = useDebugApiHealth()
+  const beeContext = useContext(BeeContext)
   const { stamps, isLoading, error, lastUpdate, start, stop } = useContext(Context)
   useEffect(() => {
     start()
@@ -41,7 +40,7 @@ export default function Accounting(): ReactElement {
     return () => stop()
   }, [])
 
-  if (isLoadingHealth || isLoadingNodeHealth) {
+  if (beeContext.isLoading) {
     return (
       <Container style={{ textAlign: 'center', padding: '50px' }}>
         <CircularProgress />
@@ -49,7 +48,7 @@ export default function Accounting(): ReactElement {
     )
   }
 
-  if (nodeHealth?.status !== 'ok' || !health) return <TroubleshootConnectionCard />
+  if (!beeContext.status.all) return <TroubleshootConnectionCard />
 
   return (
     <div className={classes.root}>