feat: add machine status page (#344)

* feat: add confirm-dialog component

* feat: add MachineStatus to router

* feat: add machine details to api endpoints

* feat: add machine-status expandabletable

* fix: add missing property to TextInput on story

* style: minor style fixes

* feat: useAxios to unpair and reboot specific machinees

* fix: style fixes
use shutdown instead of reboot
use named colors

* fix: use new ExpTable

* fix: class instead of sttyles, use named colors

* feat: use ConfirmDialog to confirm unpair action

* chore: eslint fix

* refactor: use gql, new ExpTable and ramda on machine-status

* fix: 'fallback' status instead of the 'all good' one

* fix: makeStyles instead of withStyles

* refactor: simplify StatusChip

* fix: css spacing instead of nbsp

* fix: move makeStyles outside component

* refactor: makeStyles instead of withStyles

* refactor: adapting based props for Status

* refactor: moar simple Status chip

* feat: use graphql mutation instead of rest for machine action
feat: use graphql instead of rest on MachineDetailsCard

* fix: Dialog close must be handled outside

* fix: just pass down onDissmissed and onConfirmed to the component
https://github.com/lamassu/lamassu-server/pull/344#discussion_r370136028

* refactor: machineAction on separate file and 404 handling

* feat: basic handling of graphql exceptions on machineAction

new-lamassu-admin/src/routing/routes.js

@@ -12,6 +12,8 @@ import Services from 'src/pages/Services/Services'
 import AuthRegister from 'src/pages/AuthRegister'
 import OperatorInfo from 'src/pages/OperatorInfo/OperatorInfo'
 
+import MachineStatus from '../pages/maintenance/MachineStatus'
+
 const tree = [
   { key: 'transactions', label: 'Transactions', route: '/transactions' },
   // maintenence: { label: 'Maintenence', children: [{ label: 'Locale', route: '/locale' }] },
@@ -27,6 +29,11 @@ const tree = [
         key: 'server-logs',
         label: 'Server',
         route: '/maintenance/server-logs'
+      },
+      {
+        key: 'machine-status',
+        label: 'Machine Status',
+        route: '/maintenance/machine-status'
       }
     ]
   },
@@ -80,6 +87,7 @@ const Routes = () => (
     <Route path="/maintenance/server-logs" component={ServerLogs} />
     <Route path="/transactions" component={Transactions} />
     <Route path="/register" component={AuthRegister} />
+    <Route path="/maintenance/machine-status" component={MachineStatus} />
   </Switch>
 )