FlashMessage: Move flash-messages service dependency out of the component

... to make this a purely presentational component

Author: Turbo87

app/components/flash-message.js

@@ -1,9 +1,5 @@
 import Component from '@ember/component';
-import { readOnly } from '@ember/object/computed';
-import { inject as service } from '@ember/service';
 
 export default Component.extend({
-  flashMessages: service(),
-  message: readOnly('flashMessages.message'),
   tagName: '',
 });

app/controllers/application.js

@@ -5,6 +5,7 @@ import { EKMixin, keyDown, keyPress } from 'ember-keyboard';
 import { on } from '@ember/object/evented';
 
 export default Controller.extend(EKMixin, {
+  flashMessages: service(),
   search: service(),
   searchQuery: oneWay('search.q'),
   session: service(),

app/templates/application.hbs

@@ -127,7 +127,7 @@
   </form>
 
   <main id="main" class='inner-content'>
-    <FlashMessage />
+    <FlashMessage @message={{this.flashMessages.message}} />
 
     {{outlet}}
   </main>