feat: 🎸 Add ToolbarRefresher component to targets in desktop (#1093)

✅ Closes: ICU-4134

ui/desktop/app/routes/scopes/scope/projects/sessions.js

@@ -1,7 +1,6 @@
 import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
-import { loading } from 'ember-loading';
 import runEvery from 'ember-pollster/decorators/route/run-every';
 import { notifySuccess, notifyError } from 'core/decorators/notify';
 import { resourceFilter } from 'core/decorators/resource-filter';
@@ -108,7 +107,6 @@ export default class ScopesScopeProjectsSessionsRoute extends Route {
    * refreshes session data.
    */
   @action
-  @loading
   async refreshSessions() {
     return this.refresh();
   }

ui/desktop/app/routes/scopes/scope/projects/targets.js

@@ -1,7 +1,6 @@
 import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
-import { loading } from 'ember-loading';
 import { resourceFilter } from 'core/decorators/resource-filter';
 import runEvery from 'ember-pollster/decorators/route/run-every';
 import config from '../../../../config/environment';
@@ -146,7 +145,6 @@ export default class ScopesScopeProjectsTargetsRoute extends Route {
    * refreshes target data.
    */
   @action
-  @loading
   async refreshTargets() {
     return this.refresh();
   }

ui/desktop/app/templates/scopes/scope/projects/targets/index.hbs

@@ -83,9 +83,9 @@
               >{{t 'actions.clear-all-filters'}}
               </Rose::Button>
             {{/if}}
-            <LoadingButton @onClick={{route-action 'refreshTargets'}}>
-              {{t 'actions.refresh'}}
-            </LoadingButton>
+
+            <ToolbarRefresher @onClick={{route-action 'refreshTargets'}} />
+
           </Rose::Form>
         </Rose::Toolbar>
       {{/if}}