fix: 🐛 move store logic to route, replace height with padding

addons/rose/addon/components/rose/toolbar/index.stories.mdx

@@ -6,7 +6,7 @@ import { action } from '@storybook/addon-actions';
 
 # Toolbar
 
-renders a gray bar 
+renders a toolbar 
 
 ```htmlbars
 <Rose::Toolbar as |toolbar|>
@@ -17,6 +17,7 @@ renders a gray bar
   <Story name="Toolbar">{{
     template: hbs`
     <Rose::Toolbar as |toolbar|>
+    toolbar
      </Rose::Toolbar>
     `,
   }}</Story>

addons/rose/addon/styles/rose/components/toolbar/_toolbar.scss

@@ -1,7 +1,7 @@
 .rose-toolbar {
   background-color: var(--ui-gray-subtler-6);
   display: flex;
-  height: 46px;
+  padding: 5px;
   .rose-form {
     display: flex;
   }

ui/admin/app/routes/scopes/scope/sessions/index.js

@@ -1,9 +1,9 @@
 import Route from '@ember/routing/route';
 
 export default class ScopesScopeSessionsIndexRoute extends Route {
-setupController(controller) {
+  setupController(controller) {
     const availableSessions = this.store.peekAll('session');
     super.setupController(...arguments);
     controller.setProperties({ availableSessions });
-    }
+  }
 }

ui/admin/app/templates/scopes/scope/sessions/index.hbs

@@ -22,9 +22,7 @@
             @ignoreClickInside={{true}}
             as |dropdown|
           >
-          {{{log this.availableSessions 'dddd'}}}
             <form.checkboxGroup @name='status' as |checkboxGroup|>
-              {{{log this.availableSessions 'dddd'}}}
               {{#each this.availableSessions as |session|}}
                 <dropdown.item>
                   <checkboxGroup.checkbox
@@ -34,7 +32,6 @@
                 </dropdown.item>
               {{/each}}
             </form.checkboxGroup>
-
           </Rose::Dropdown>
         </Rose::Form>
       </Rose::Toolbar>