Koenig - Wrap HR card in {{koenig-card}} component

refs https://github.com/TryGhost/Ghost/issues/9311
- makes the HR card behave like the other cards wrt hover and selection visibility

ghost/admin/lib/koenig-editor/addon/components/koenig-card.js

@@ -9,7 +9,6 @@ const TICK_HEIGHT = 8;
 export default Component.extend({
     layout,
     attributeBindings: ['style'],
-    classNames: 'mih10', // TODO: move to kgStyle('container-card')?
     classNameBindings: ['isSelected:kg-card-selected'],
 
     // attrs

ghost/admin/lib/koenig-editor/addon/helpers/kg-style.js

@@ -266,7 +266,7 @@ export function kgStyle(params/*, hash*/) {
     // Container cards
     case 'container-card':
     case 'container-card-p':
-        cssClass = cardBorderStyle + ' tmb--2-0x';
+        cssClass = cardBorderStyle + ' tmb--2-0x mih10';
         break;
 
     // Generic media card

ghost/admin/lib/koenig-editor/addon/templates/components/koenig-card-hr.hbs

@@ -1 +1,10 @@
-<hr>
+{{#koenig-card
+    class="kg-card-hover"
+    isSelected=isSelected
+    isEditing=isEditing
+    selectCard=(action selectCard)
+    editCard=(action editCard)
+    hasEditMode=false
+}}
+    <hr>
+{{/koenig-card}}

ghost/admin/lib/koenig-editor/addon/templates/components/koenig-card-html.hbs

@@ -1,5 +1,5 @@
 {{#koenig-card
-    class=(concat (kg-style "media-card") " miw-100 tc")
+    class=(concat (kg-style "media-card") " mih10 miw-100 tc")
     isSelected=isSelected
     isEditing=isEditing
     selectCard=(action selectCard)