fix(categories): format alexandria category descriptions

* Enable rendering of markdown
* Change tooltip to uk-dropdown
* Set min-width to icon

Author: JohnL17

addon/components/category-nav/category.hbs

@@ -39,8 +39,9 @@
         {{@category.name}}
       </div>
       {{#if @category.description}}
-        <div class="uk-margin-auto-left uk-margin-right uk-text-muted" {{uk-tooltip @category.description}}>
-          <UkIcon @icon="info" />
+        <UkIcon class="uk-margin-auto-left uk-margin-right uk-text-muted category-nav__category__info-icon" @icon="info" />
+        <div uk-dropdown class="category-nav__category__info-box">
+          <MarkdownToHtml @markdown={{@category.description}} />
         </div>
       {{/if}}
     </div>

app/styles/components/category-nav/_category.scss

@@ -32,4 +32,13 @@
       width: 70%;
     }
   }
+
+  &__info-icon {
+    min-width: 20px;
+  }
+
+  &__info-box > div > p:last-child {
+    margin-bottom: 0;
+    max-width: 400px;
+  }
 }

package.json

@@ -59,6 +59,7 @@
     "ember-modifier": "^4.1.0",
     "ember-promise-helpers": "^2.0.0",
     "ember-resources": "^6.4.0",
+    "ember-cli-showdown": "^7.0.0",
     "ember-simple-auth-oidc": "^6.0.1",
     "ember-truth-helpers": "^4.0.3",
     "ember-uikit": "^9.0.0",