Use Tooltip in links to external sites

ui/src/album/AlbumDetails.js

@@ -5,6 +5,7 @@ import {
   CardMedia,
   Collapse,
   IconButton,
+  Tooltip,
   makeStyles,
   Typography,
   useMediaQuery,
@@ -201,9 +202,14 @@ const Links = (props) => {
       target="_blank"
       rel="noopener noreferrer"
     >
-      <IconButton size={'small'} title={translate('message.openIn.lastfm')}>
+      <Tooltip title={translate('message.openIn.lastfm')}>
-        <ImLastfm2 />
+        <IconButton
-      </IconButton>
+          size={'small'}
+          aria-label={translate('message.openIn.lastfm')}
+        >
+          <ImLastfm2 />
+        </IconButton>
+      </Tooltip>
     </Link>
   )
 
@@ -214,12 +220,14 @@ const Links = (props) => {
         target="_blank"
         rel="noopener noreferrer"
       >
-        <IconButton
+        <Tooltip title={translate('message.openIn.musicbrainz')}>
-          size={'small'}
+          <IconButton
-          title={translate('message.openIn.musicbrainz')}
+            size={'small'}
-        >
+            aria-label={translate('message.openIn.musicbrainz')}
-          <MusicBrainz />
+          >
-        </IconButton>
+            <MusicBrainz />
+          </IconButton>
+        </Tooltip>
       </Link>
     )