Koenig - Added Code Block card to (+) and / menus

refs TryGhost/Ghost#9623
- added code block card to (+) and / menus
- changed card row length to 3
- swapped html icon for code icon and added new html icon

lib/koenig-editor/addon/components/koenig-slash-menu.js

@@ -6,7 +6,7 @@ import {htmlSafe} from '@ember/string';
 import {run} from '@ember/runloop';
 import {set} from '@ember/object';
 
-const ROW_LENGTH = 4;
+const ROW_LENGTH = 3;
 
 const ITEM_MAP = [
     {
@@ -30,6 +30,13 @@ const ITEM_MAP = [
         type: 'card',
         replaceArg: 'html'
     },
+    {
+        label: 'Code Block',
+        icon: 'koenig/code-block',
+        matches: ['embed', 'code'],
+        type: 'card',
+        replaceArg: 'code'
+    },
     {
         label: 'Divider',
         icon: 'koenig/divider',

lib/koenig-editor/addon/templates/components/koenig-plus-menu.hbs

@@ -23,6 +23,10 @@
             <div class="{{kg-style "cardmenu-icon"}}">{{svg-jar "koenig/html" class="w8 h8 stroke-midgrey"}}</div>
             <div class="{{kg-style "cardmenu-label"}}">HTML</div>
         </div>
+        <div class="{{kg-style "cardmenu-card"}}" {{action "replaceWithCardSection" "code" on="click"}} data-kg="cardmenu-card">
+            <div class="{{kg-style "cardmenu-icon"}}">{{svg-jar "koenig/code-block" class="w8 h8 stroke-midgrey"}}</div>
+            <div class="{{kg-style "cardmenu-label"}}">Code Block</div>
+        </div>
         <div class="{{kg-style "cardmenu-card"}}" {{action "replaceWithCardSection" "hr" on="click"}} data-kg="cardmenu-card">
             <div class="{{kg-style "cardmenu-icon"}}">{{svg-jar "koenig/divider" class="w8 h8 stroke-midgrey"}}</div>
             <div class="{{kg-style "cardmenu-label"}}">Divider</div>