chore: Remove older UI (#11720)

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

@@ -4,7 +4,7 @@ export default {};
 
 <template>
   <li
-    class="list-none my-1 mx-0 border-b border-slate-50 dark:border-slate-700"
+    class="list-none my-1 mx-0 border-b border-n-weak"
     :tabindex="null"
     :aria-disabled="true"
   />

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

@@ -13,7 +13,7 @@ export default {
 <template>
   <li class="inline-flex list-none" :tabindex="null" :aria-disabled="true">
     <span
-      class="text-xs text-slate-600 dark:text-slate-100 mt-1 font-medium w-full block text-left rtl:text-right whitespace-nowrap p-2"
+      class="text-xs text-n-slate-12 mt-1 font-medium w-full block text-left rtl:text-right whitespace-nowrap p-2"
     >
       {{ title }}
     </span>

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

@@ -18,20 +18,10 @@ export default {
 </script>
 
 <template>
-  <li class="sub-menu-container">
-    <ul class="sub-menu-li-container">
+  <li class="!mt-0.5">
+    <ul class="!m-0">
       <WootDropdownHeader v-if="title" :title="title" />
       <slot />
     </ul>
   </li>
 </template>
-
-<style lang="scss" scoped>
-.sub-menu-container {
-  margin-top: var(--space-micro);
-}
-
-.sub-menu-li-container {
-  margin: 0;
-}
-</style>