Replace expanded with a dialog (#1258)

* Replace expanded with a dialog

* Change `info` label to "Get Info"

* Rename things for consistency

Co-authored-by: Deluan <deluan@navidrome.org>

ui/src/song/SongList.js

@@ -17,7 +17,7 @@ import {
   List,
   SongContextMenu,
   SongDatagrid,
-  SongDetails,
+  SongInfo,
   QuickFilter,
   SongTitleField,
   SongSimpleList,
@@ -33,6 +33,7 @@ import { AlbumLinkField } from './AlbumLinkField'
 import { AddToPlaylistDialog } from '../dialogs'
 import { SongBulkActions, QualityInfo, useSelectedFields } from '../common'
 import config from '../config'
+import ExpandInfoDialog from '../dialogs/ExpandInfoDialog'
 
 const useStyles = makeStyles({
   contextHeader: {
@@ -167,7 +168,6 @@ const SongList = (props) => {
           <SongSimpleList />
         ) : (
           <SongDatagrid
-            expand={<SongDetails />}
             rowClick={handleRowClick}
             contextAlwaysVisible={!isDesktop}
             classes={{ row: classes.row }}
@@ -193,6 +193,7 @@ const SongList = (props) => {
         )}
       </List>
       <AddToPlaylistDialog />
+      <ExpandInfoDialog content={<SongInfo />} />
     </>
   )
 }