feat: make song list more responsive

ui/src/song/AddToQueueButton.js

@@ -2,6 +2,9 @@ import React from 'react'
 import { Button, useDataProvider, useUnselectAll } from 'react-admin'
 import { useDispatch } from 'react-redux'
 import { addTrack } from '../player'
+import AddToQueueIcon from '@material-ui/icons/AddToQueue'
+
+import Tooltip from '@material-ui/core/Tooltip'
 
 const AddToQueueButton = ({ selectedIds }) => {
   const dispatch = useDispatch()
@@ -16,7 +19,17 @@ const AddToQueueButton = ({ selectedIds }) => {
     unselectAll('song')
   }
 
-  return <Button color="secondary" label="Add To Queue" onClick={addToQueue} />
+  return (
+    <Button
+      color="secondary"
+      label={
+        <Tooltip title={'Play Later'} placement="right">
+          <AddToQueueIcon />
+        </Tooltip>
+      }
+      onClick={addToQueue}
+    />
+  )
 }
 
 export default AddToQueueButton