Hide QualityInfo on small screens

ui/src/album/AlbumSongs.js

@@ -127,7 +127,7 @@ const AlbumSongs = (props) => {
             />
             {isDesktop && <TextField source="artist" sortable={false} />}
             <DurationField source="duration" sortable={false} />
-            <QualityInfo source="quality" sortable={false} />
+            {isDesktop && <QualityInfo source="quality" sortable={false} />}
             {isDesktop && config.enableStarRating && (
               <RatingField
                 source="rating"

ui/src/playlist/PlaylistSongs.js

@@ -165,7 +165,7 @@ const PlaylistSongs = ({ playlistId, readOnly, actions, ...props }) => {
               {isDesktop && <AlbumLinkField source="album" />}
               {isDesktop && <TextField source="artist" />}
               <DurationField source="duration" className={classes.draggable} />
-              <QualityInfo source="quality" sortable={false} />
+              {isDesktop && <QualityInfo source="quality" sortable={false} />}
               <SongContextMenu
                 onAddToPlaylist={onAddToPlaylist}
                 showLove={false}

ui/src/song/SongList.js

@@ -119,7 +119,7 @@ const SongList = (props) => {
                 sortByOrder={'DESC'}
               />
             )}
-            <QualityInfo source="quality" sortable={false} />
+            {isDesktop && <QualityInfo source="quality" sortable={false} />}
             <DurationField source="duration" />
             {config.enableStarRating && (
               <RatingField