refactor(front-end): add logout icon to the header

striker-ui/components/Header.tsx

@@ -1,13 +1,12 @@
 import { useState } from 'react';
 import AppBar from '@material-ui/core/AppBar';
-import { makeStyles, createStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/core/styles';
 import { Box, Button } from '@material-ui/core';
 import { ICONS, ICON_SIZE } from '../lib/consts/ICONS';
 import { BORDER_RADIUS, RED } from '../lib/consts/DEFAULT_THEME';
 import AnvilDrawer from './AnvilDrawer';
 
-const useStyles = makeStyles((theme) =>
-  createStyles({
+const useStyles = makeStyles((theme) => ({
   appBar: {
     paddingTop: theme.spacing(0.5),
     paddingBottom: theme.spacing(0.5),
@@ -36,8 +35,7 @@ const useStyles = makeStyles((theme) =>
       paddingLeft: '15vw',
     },
   },
-  }),
-);
+}));
 
 const Header = (): JSX.Element => {
   const classes = useStyles();

striker-ui/lib/consts/ICONS.ts

@@ -29,6 +29,11 @@ export const ICONS = [
     image: '/pngs/email_on.png',
     uri: '/striker?email=true',
   },
+  {
+    text: 'Logout',
+    image: '/pngs/users_icon_on.png',
+    uri: '/striker?logout=true',
+  },
   {
     text: 'Help',
     image: '/pngs/help_icon_on.png',