feat(front): implement DropdownMenu component and its subcomponents for enhanced UI interactivity and organization

front/components/ui/dropdown-menu/DropdownMenuSub.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import type { DropdownMenuSubEmits, DropdownMenuSubProps } from 'reka-ui'
+import { DropdownMenuSub, useForwardPropsEmits } from 'reka-ui'
+
+const props = defineProps<DropdownMenuSubProps>()
+const emits = defineEmits<DropdownMenuSubEmits>()
+
+const forwarded = useForwardPropsEmits(props, emits)
+</script>
+
+<template>
+    <DropdownMenuSub data-slot="dropdown-menu-sub" v-bind="forwarded">
+        <slot />
+    </DropdownMenuSub>
+</template>