working on the frontend

web/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import type {HTMLAttributes} from "svelte/elements";
+	import {type WithElementRef} from "bits-ui";
+	import {cn} from "$lib/utils.js";
+
+	let {
+        ref = $bindable(null),
+        class: className,
+        children,
+        ...restProps
+    }: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
+</script>
+
+<span
+        {...restProps}
+        bind:this={ref}
+        class={cn("ml-auto text-xs tracking-widest opacity-60", className)}
+>
+	{@render children?.()}
+</span>