Initial support for song browsing from UI

ui/src/user/UserCreate.js

@@ -8,9 +8,10 @@ import {
   email,
   SimpleForm
 } from 'react-admin'
+import { Title } from '../common'
 
 const UserCreate = (props) => (
-  <Create {...props}>
+  <Create title={<Title subTitle={'Create User'} />} {...props}>
     <SimpleForm redirect="list">
       <TextInput source="userName" validate={[required()]} />
       <TextInput source="name" validate={[required()]} />

ui/src/user/UserEdit.js

@@ -9,9 +9,10 @@ import {
   email,
   SimpleForm
 } from 'react-admin'
+import { Title } from '../common'
 
 const UserTitle = ({ record }) => {
-  return <span>User {record ? record.name : ''}</span>
+  return <Title subTitle={`User ${record ? record.name : ''}`} />
 }
 const UserEdit = (props) => (
   <Edit title={<UserTitle />} {...props}>

ui/src/user/UserList.js

@@ -10,6 +10,7 @@ import {
   TextField
 } from 'react-admin'
 import { useMediaQuery } from '@material-ui/core'
+import { Title } from '../common'
 
 const UserFilter = (props) => (
   <Filter {...props}>
@@ -23,6 +24,7 @@ const UserList = (props) => {
   return (
     <List
       {...props}
+      title={<Title subTitle={'Users'} />}
       sort={{ field: 'userName', order: 'ASC' }}
       exporter={false}
       filters={<UserFilter />}