feat(a11y): improve dropdown item and action button accessiblity (#251)

components/common/dropdown/DropdownItem.vue

@@ -45,6 +45,7 @@ useCommand({
     v-bind="$attrs" ref="el"
     flex gap-3 items-center cursor-pointer px4 py3
     hover-bg-active
+    :aria-label="text"
     @click="handleClick"
   >
     <div v-if="icon" :class="icon" />

components/status/StatusActionButton.vue

@@ -45,9 +45,10 @@ useCommand({
     v-bind="$attrs" ref="el"
     w-fit flex gap-1 items-center
     rounded group :hover="hover"
-    focus:outline-none
+    focus:outline-none cursor-pointer
     :focus-visible="hover"
     :class="active ? [color] : 'text-secondary'"
+    :aria-label="content"
   >
     <CommonTooltip placement="bottom" :content="content">
       <div rounded-full p2 :group-hover="groupHover" :group-focus-visible="groupHover" group-focus-visible:ring="2 current">