Pass version to UI through AppConfig, instead of login payload.master

This makes the version info updated with a browser refresh (no need to logout and login again)

ui/src/authProvider.js

@@ -26,7 +26,6 @@ const authProvider = {
         jwtDecode(response.token)
         localStorage.removeItem('initialAccountCreation')
         localStorage.setItem('token', response.token)
-        localStorage.setItem('version', response.version)
         localStorage.setItem('name', response.name)
         localStorage.setItem('username', response.username)
         localStorage.setItem('role', response.isAdmin ? 'admin' : 'regular')
@@ -77,7 +76,6 @@ const removeItems = () => {
   localStorage.removeItem('name')
   localStorage.removeItem('username')
   localStorage.removeItem('role')
-  localStorage.removeItem('version')
   localStorage.removeItem('subsonic-salt')
   localStorage.removeItem('subsonic-token')
 }

ui/src/config.js

@@ -1,4 +1,5 @@
 const defaultConfig = {
+  version: 'dev',
   firstTime: false,
   baseURL: '',
   loginBackgroundURL: 'https://source.unsplash.com/random/1600x900?music'

ui/src/layout/AppBar.js

@@ -7,6 +7,7 @@ import {
 } from 'react-admin'
 import { makeStyles } from '@material-ui/core'
 import InfoIcon from '@material-ui/icons/Info'
+import config from '../config'
 
 const useStyles = makeStyles((theme) => ({
   menuItem: {
@@ -22,7 +23,7 @@ const VersionMenu = forwardRef((props, ref) => {
       ref={ref}
       to="#"
       primaryText={translate('menu.version', {
-        version: localStorage.getItem('version')
+        version: config.version
       })}
       leftIcon={<InfoIcon />}
       className={classes.menuItem}