fix: apply ESLint rule vue/padding-line-between-blocks

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

@@ -1,6 +1,7 @@
 <script>
 export default {};
 </script>
+
 <template>
   <li
     class="list-none my-1 mx-0 border-b border-slate-50 dark:border-slate-700"

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

@@ -9,6 +9,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <li class="inline-flex list-none" :tabindex="null" :aria-disabled="true">
     <span

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

@@ -14,6 +14,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <li
     class="dropdown-menu__item list-none mb-1"
@@ -26,6 +27,7 @@ export default {
     <slot />
   </li>
 </template>
+
 <style lang="scss" scoped>
 .dropdown-menu__item {
   ::v-deep {

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

@@ -50,6 +50,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <ul
     ref="dropdownMenu"

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

@@ -16,6 +16,7 @@ export default {
   },
 };
 </script>
+
 <template>
   <li class="sub-menu-container">
     <ul class="sub-menu-li-container">
@@ -24,6 +25,7 @@ export default {
     </ul>
   </li>
 </template>
+
 <style lang="scss" scoped>
 .sub-menu-container {
   margin-top: var(--space-micro);