Refactoring to make common components usage more uniform

ui/src/song/SongList.js

@@ -20,16 +20,14 @@ import {
   RatingField,
 } from '../common'
 import { useDispatch } from 'react-redux'
+import { makeStyles } from '@material-ui/core/styles'
+import FavoriteBorderIcon from '@material-ui/icons/FavoriteBorder'
 import { setTrack } from '../actions'
-import { SongBulkActions } from '../common'
 import { SongListActions } from './SongListActions'
 import { AlbumLinkField } from './AlbumLinkField'
 import { AddToPlaylistDialog } from '../dialogs'
-import { makeStyles } from '@material-ui/core/styles'
-import FavoriteBorderIcon from '@material-ui/icons/FavoriteBorder'
+import { SongBulkActions, QualityInfo, useSelectedFields } from '../common'
 import config from '../config'
-import useSelectedFields from '../common/useSelectedFields'
-import { QualityInfo } from '../common/QualityInfo'
 
 const useStyles = makeStyles({
   contextHeader: {

ui/src/song/SongListActions.js

@@ -1,8 +1,7 @@
 import React, { cloneElement } from 'react'
 import { sanitizeListRestProps, TopToolbar } from 'react-admin'
 import { useMediaQuery } from '@material-ui/core'
-import { ShuffleAllButton } from '../common'
-import ToggleFieldsMenu from '../common/ToggleFieldsMenu'
+import { ShuffleAllButton, ToggleFieldsMenu } from '../common'
 
 export const SongListActions = ({
   currentSort,