style: sidebar styling (#194)

* style: sidebar styling

* style: hover and selected colors

* chore: split the sidebar items into separate component

* style: pretty much finished except for status button

* feat: sidebar status button as a separate component

* chore: spacing definition

* style: size of the status text

* fix: hiden navigation on small height screens

src/layout/Dashboard.tsx

@@ -12,7 +12,7 @@ import { Context } from '../providers/Bee'
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
     content: {
-      marginLeft: '240px',
+      marginLeft: 300,
       flexGrow: 1,
       backgroundColor: theme.palette.background.default,
       padding: theme.spacing(3),
@@ -28,11 +28,11 @@ interface Props {
 const Dashboard = (props: Props): ReactElement => {
   const classes = useStyles()
 
-  const { isLoading, status } = useContext(Context)
+  const { isLoading } = useContext(Context)
 
   return (
     <div>
-      <SideBar isOk={status.all} />
+      <SideBar />
       <ErrorBoundary>
         <main className={classes.content}>
           <AlertVersion />