work on the frontend for the movies

web/src/lib/components/ui/menubar/menubar-trigger.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+    import {Menubar as MenubarPrimitive} from "bits-ui";
+    import {cn} from "$lib/utils.js";
+
+    let {
+        ref = $bindable(null),
+        class: className,
+        ...restProps
+    }: MenubarPrimitive.TriggerProps = $props();
+</script>
+
+<MenubarPrimitive.Trigger
+        {...restProps}
+        bind:ref
+        class={cn(
+		"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none",
+		className
+	)}
+/>