Add BlurHash placeholders at several places

* [ui] Added: Blurry previews of images before they are loaded

Also fixes a bug where ApiModel would remove items that already started
with a lowecase letter or didn't start with a letter at all.

sailfish/qml/pages/itemdetails/CollectionPage.qml

@@ -61,6 +61,7 @@ BaseDetailPage {
                 id: itemImage
                 anchors.fill: parent
                 source: Utils.itemModelImageUrl(ApiClient.baseUrl, model.id, model.imageTags.primary, "Primary", {"maxWidth": width})
+                blurhash: model.imageBlurHashes.primary[model.imageTags.primary]
                 fallbackColor: Utils.colorFromString(model.name)
                 fillMode: Image.PreserveAspectCrop
                 clip: true

sailfish/qml/pages/itemdetails/MusicAlbumPage.qml

@@ -106,5 +106,6 @@ BaseDetailPage {
         item.duration = Qt.binding(function() { return itemData.runTimeTicks})
         item.songCount = Qt.binding(function() { return itemData.childCount})
         item.listview = Qt.binding(function() { return list})
+        item.blurhash = Qt.binding(function() { return itemData.imageBlurHashes["Primary"][itemData.imageTags["Primary"]]; })
     }
 }

sailfish/qml/pages/itemdetails/PhotoPage.qml

@@ -3,6 +3,8 @@ import Sailfish.Silica 1.0
 
 import nl.netsoj.chris.Jellyfin 1.0
 
+import "../../components"
+
 BaseDetailPage {
     id: pageRoot
     navigationStyle: PageNavigation.Vertical
@@ -17,19 +19,13 @@ BaseDetailPage {
         titleColor: Theme.primaryColor
     }
 
-    Image {
+    RemoteImage {
         id: image
         source: ApiClient.downloadUrl(itemId)
         fillMode: Image.PreserveAspectFit
         anchors.fill: parent
 
-        opacity: status == Image.Ready ? 1.0 : 0.0
-        Behavior on opacity { FadeAnimator {}}
+        blurhash: itemData.imageBlurHashes["Primary"][itemData.imageTags["Primary"]]
+        aspectRatio: itemData.width / itemData.height
     }
-
-    BusyIndicator {
-            running: image.status == Image.Loading
-            size: BusyIndicatorSize.Large
-            anchors.centerIn: parent
-        }
 }