feat: 🎸 add edit functionality to list item for storage bucket (#116)

* feat: 🎸 add edit functionality to list item for storage bucket

Add edit option which navigates to the storage bucket details view.

✅ Closes: ICU-8228

* refactor: 💡 refactor styling for dropdown

Pushed some override stylings into `overrides.scss` in addon styles.

✅ Closes: ICU-8228

* refactor: 💡 commit to validate not box-shadow withouth override

This is just a commit to show a vercel view of dropdown without
overrides.

✅ Closes: ICU-8228

* refactor: 💡 refactor hds themes

Added `light-mode` mixin to the `.ember-application.rose-theme-light`
selector to fix missing `box-shadow` colors.

✅ Closes: ICU-8228

addons/rose/addon/styles/hds/overrides.scss

@@ -16,3 +16,13 @@
     }
   }
 }
+
+.hds-table {
+  border-collapse: revert;
+}
+
+.hds-dropdown {
+  .hds-dropdown-toggle-icon {
+    color: inherit;
+  }
+}

addons/rose/addon/styles/hds/themes/dark-mode/index.scss

@@ -104,6 +104,11 @@
   --token-color-palette-neutral-500-alpha-50: #656a760d;
 }
 
+.ember-application,
+.ember-application.rose-theme-light {
+  @include light-mode;
+}
+
 @media (prefers-color-scheme: dark) {
   .ember-application:not(.rose-theme-light) {
     @include dark-mode;

ui/admin/app/styles/app.scss

@@ -776,7 +776,3 @@
       'sidebar';
   }
 }
-
-.storage-bucket-list {
-  border-collapse: revert;
-}

ui/admin/app/templates/scopes/scope/storage-buckets/index.hbs

@@ -32,7 +32,6 @@
   <page.body>
     {{#if @model}}
       <Hds::Table
-        class='storage-bucket-list'
         @valign='middle'
         @model={{@model}}
         @columns={{array
@@ -93,7 +92,20 @@
               {{/if}}
             </B.Td>
             <B.Td>
-              {{!TODO: add dropdown for delete and edit actions}}
+              {{!TODO: add dropdown for delete actions}}
+              <Hds::Dropdown as |dd|>
+                <dd.ToggleIcon
+                  @icon='more-horizontal'
+                  @text='Overflow Options'
+                  @hasChevron={{false}}
+                  @size='small'
+                />
+                <dd.Interactive
+                  @route='scopes.scope.storage-buckets.storage-bucket'
+                  @model={{B.data.id}}
+                  @text={{t 'actions.edit'}}
+                />
+              </Hds::Dropdown>
             </B.Td>
           </B.Tr>
         </:body>