Refactoring to make common components usage more uniform

ui/src/playlist/PlaylistActions.js

@@ -21,7 +21,7 @@ import PropTypes from 'prop-types'
 import { formatBytes } from '../utils'
 import { useMediaQuery, makeStyles } from '@material-ui/core'
 import config from '../config'
-import ToggleFieldsMenu from '../common/ToggleFieldsMenu'
+import { ToggleFieldsMenu } from '../common'
 
 const useStyles = makeStyles({
   toolbar: { display: 'flex', justifyContent: 'space-between', width: '100%' },

ui/src/playlist/PlaylistList.js

@@ -12,8 +12,13 @@ import {
 } from 'react-admin'
 import Switch from '@material-ui/core/Switch'
 import { useMediaQuery } from '@material-ui/core'
-import { DurationField, List, Writable, isWritable } from '../common'
-import useSelectedFields from '../common/useSelectedFields'
+import {
+  DurationField,
+  List,
+  Writable,
+  isWritable,
+  useSelectedFields,
+} from '../common'
 import PlaylistListActions from './PlaylistListActions'
 
 const PlaylistFilter = (props) => (

ui/src/playlist/PlaylistListActions.js

@@ -6,7 +6,7 @@ import {
   useTranslate,
 } from 'react-admin'
 import { useMediaQuery } from '@material-ui/core'
-import ToggleFieldsMenu from '../common/ToggleFieldsMenu'
+import { ToggleFieldsMenu } from '../common'
 
 const PlaylistListActions = ({ className, ...rest }) => {
   const isNotSmall = useMediaQuery((theme) => theme.breakpoints.up('sm'))

ui/src/playlist/PlaylistSongs.js

@@ -22,13 +22,13 @@ import {
   SongContextMenu,
   SongDatagrid,
   SongTitleField,
+  QualityInfo,
+  useSelectedFields,
 } from '../common'
 import { AddToPlaylistDialog } from '../dialogs'
 import { AlbumLinkField } from '../song/AlbumLinkField'
 import { playTracks } from '../actions'
 import PlaylistSongBulkActions from './PlaylistSongBulkActions'
-import { QualityInfo } from '../common/QualityInfo'
-import useSelectedFields from '../common/useSelectedFields'
 
 const useStyles = makeStyles(
   (theme) => ({