New: Unmapped files view (#888)

* New: Unmapped files view

Displays all trackfiles that haven't been matched to a track.
Generalised the file details component and adds it to the album
details screen.

* Add sorting by quality

* New: MediaServiceTests & MediaRepoTests

frontend/src/Components/Page/Sidebar/PageSidebar.js

@@ -20,7 +20,7 @@ const SIDEBAR_WIDTH = parseInt(dimensions.sidebarWidth);
 const links = [
   {
     iconName: icons.ARTIST_CONTINUING,
-    title: 'Artist',
+    title: 'Library',
     to: '/',
     alias: '/artist',
     children: [
@@ -39,6 +39,10 @@ const links = [
       {
         title: 'Album Studio',
         to: '/albumstudio'
+      },
+      {
+        title: 'Unmapped Files',
+        to: '/unmapped'
       }
     ]
   },

frontend/src/Components/SignalRConnector.js

@@ -208,12 +208,12 @@ class SignalRConnector extends Component {
 
     if (body.action === 'updated') {
       this.props.dispatchUpdateItem({ section, ...body.resource });
-
-      // Repopulate the page to handle recently imported file
-      repopulatePage('trackFileUpdated');
     } else if (body.action === 'deleted') {
       this.props.dispatchRemoveItem({ section, id: body.resource.id });
     }
+
+    // Repopulate the page to handle recently imported file
+    repopulatePage('trackFileUpdated');
   }
 
   handleHealth = () => {