chore: format JSX components

Signed-off-by: Deluan <deluan@navidrome.org>

ui/src/artist/ArtistShow.jsx

@@ -71,7 +71,9 @@ const ArtistDetails = (props) => {
   }, [record.id])
 
   const Component = isDesktop ? DesktopArtistDetails : MobileArtistDetails
-  return <Component artistInfo={artistInfo} record={record} biography={biography} />
+  return (
+    <Component artistInfo={artistInfo} record={record} biography={biography} />
+  )
 }
 
 const ArtistShowLayout = (props) => {

ui/src/artist/DesktopArtistDetails.jsx

@@ -173,7 +173,9 @@ const DesktopArtistDetails = ({ artistInfo, record, biography }) => {
                 variant={'body1'}
                 onClick={() => setExpanded(!expanded)}
               >
-                <span><SafeHTML>{biography}</SafeHTML></span>
+                <span>
+                  <SafeHTML>{biography}</SafeHTML>
+                </span>
               </Typography>
             </Collapse>
           </CardContent>

ui/src/artist/MobileArtistDetails.jsx

@@ -169,7 +169,9 @@ const MobileArtistDetails = ({ artistInfo, biography, record }) => {
       <div className={classes.biography}>
         <Collapse collapsedHeight={'1.5em'} in={expanded} timeout={'auto'}>
           <Typography variant={'body1'} onClick={() => setExpanded(!expanded)}>
-            <span><SafeHTML>{biography}</SafeHTML></span>
+            <span>
+              <SafeHTML>{biography}</SafeHTML>
+            </span>
           </Typography>
         </Collapse>
       </div>