Hassio sort add-ons on dashboard (#944)

hassio/dashboard/hassio-addons.html

@@ -21,7 +21,7 @@
           </div>
         </paper-card>
       </template>
-      <template is='dom-repeat' items='[[addons]]' as='addon'>
+      <template is='dom-repeat' items='[[addons]]' as='addon' sort='sortAddons'>
         <paper-card on-click='addonTapped'>
           <div class='card-content'>
             <hassio-card-content
@@ -49,6 +49,10 @@ class HassioAddons extends window.hassMixins.EventsMixin(Polymer.Element) {
     };
   }
 
+  sortAddons(a, b) {
+    return a.name < b.name ? -1 : 1;
+  }
+
   computeIcon(addon) {
     return addon.installed !== addon.version ? 'mdi:arrow-up-bold-circle' : 'mdi:puzzle';
   }