chore: Updates design of resolve context menu (#3667)

app/javascript/shared/components/ui/dropdown/DropdownSubMenu.vue

@@ -1,18 +1,21 @@
 <template>
   <li class="sub-menu-container">
-    <div class="sub-menu-title">
-      <span class="small">{{ title }}</span>
-    </div>
     <ul class="sub-menu-li-container">
+      <woot-dropdown-header :title="title" />
       <slot></slot>
     </ul>
   </li>
 </template>
 <script>
+import WootDropdownHeader from 'shared/components/ui/dropdown/DropdownHeader';
+
 export default {
   name: 'WootDropdownMenu',
   componentName: 'WootDropdownMenu',
 
+  components: {
+    WootDropdownHeader,
+  },
   props: {
     title: {
       type: String,
@@ -23,21 +26,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 .sub-menu-container {
-  border-top: 1px solid var(--color-border);
   margin-top: var(--space-micro);
-
-  &:not(:last-child) {
-    border-bottom: 1px solid var(--color-border);
-  }
-}
-.sub-menu-title {
-  padding: var(--space-one) var(--space-one) var(--space-smaller);
-  text-transform: uppercase;
-
-  .small {
-    color: var(--b-600);
-    font-weight: var(--font-weight-medium);
-  }
 }
 
 .sub-menu-li-container {