Show list headers as strings.

Previously, only the numerical value was shown. There's no existing code that
would do this elsewhere, so parsing is added as a js function on the qml page.

app/qml/pages/DeviceListPage.qml

@@ -217,7 +217,7 @@ Page {
                 id: sectionHeading
 
                 SectionHeader {
-                    text: section
+                    text: roleTexts(section)
                 }
             }
 
@@ -276,6 +276,20 @@ Page {
         onTriggered: startup = false
     }
 
+    function roleTexts(section) {
+        switch(Number(section)) {
+        case DeviceListModel.Connected:
+            return i18n("Connected")
+        case DeviceListModel.Trusted:
+            return i18n("Paired devices")
+        case DeviceListModel.Near:
+            return i18n("Nearby devices")
+        case DeviceListModel.Nothing:
+        default:
+            return "-"
+        }
+    }
+
     function openDevicePage(deviceId) {
         if (typeof pageStack === "undefined")
             return; // happens when using QmlLive