feat(section title): add a component for section headings

addon/components/section-title.hbs

@@ -0,0 +1,11 @@
+<div class="uk-flex uk-flex-between uk-flex-middle">
+  <h2 class="uk-margin-remove">
+    {{t (concat "emeis." @model ".title")}}
+  </h2>
+  {{#unless @noCreateLink}}
+    <LinkTo @route="{{@model}}.new" class="uk-button uk-button-primary" data-test-new>
+      {{t (concat "emeis." @model ".new")}}
+    </LinkTo>
+  {{/unless}}
+</div>
+<hr />

app/components/section-title.js

@@ -0,0 +1 @@
+export { default } from "ember-emeis/components/section-title";

tests/integration/components/section-title-test.js

@@ -0,0 +1,18 @@
+import { render } from "@ember/test-helpers";
+import { hbs } from "ember-cli-htmlbars";
+import { setupRenderingTest } from "ember-qunit";
+import { module, test } from "qunit";
+
+module("Integration | Component | section-title", function (hooks) {
+  setupRenderingTest(hooks);
+
+  test("it renders", async function (assert) {
+    const intl = this.owner.lookup("service:intl");
+    intl.set("locale", "en");
+
+    await render(hbs`<SectionTitle @model="roles"/>`);
+
+    assert.dom("h2").hasText("Roles");
+    assert.dom("[data-test-new]").hasText("Add Role");
+  });
+});